“111 --no-verify

git commit -m “111

src/components/HeaderTitle.vue

@@ -0,0 +1,46 @@
+<script setup lang="ts">
+	import BackIcon from '@/assets/icons/back.svg'
+	import { useRouter } from 'vue-router'
+	const router = useRouter()
+
+	defineProps({
+		title: { type: String, default: 'STYLING ANGEL' }
+	})
+
+	defineEmits(['clickReturn'])
+
+	const handleClickReturn = () => {
+		router.back()
+		// emit('clickReturn')
+	}
+</script>
+
+<template>
+	<div class="header-title">
+		<div class="return" @click="handleClickReturn"><SvgIcon name="Return" size="34" /></div>
+		<span class="title">{{ title }}</span>
+	</div>
+</template>
+
+<style scoped lang="less">
+	.header-title {
+		width: 100%;
+		height: var(--header-title-height, 9.9rem);
+		background-color: var(--header-title-background, #000000);
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		position: relative;
+		> .return {
+			position: absolute;
+			left: 3.2rem;
+			display: inline-block;
+			--svg-icon-color: var(--header-title-color, #ffffff);
+		}
+		> .title {
+			font-size: 4.8rem;
+			color: var(--header-title-color, #ffffff);
+			font-family: 'boskaRegular';
+		}
+	}
+</style>

src/components/SvgIcon/index.vue

@@ -38,6 +38,7 @@ const svgClass = computed(() => {
   width: 1em;
   height: 1em;
   fill: currentColor;
+	color: var(--svg-icon-color);
 }
 .c-svg {
   width: 100%;