fix

package-lock.json

@@ -1,11 +1,11 @@
 {
-	"name": "furniture",
+	"name": "aida_buyer",
 	"version": "0.0.0",
 	"lockfileVersion": 2,
 	"requires": true,
 	"packages": {
 		"": {
-			"name": "furniture",
+			"name": "aida_buyer",
 			"version": "0.0.0",
 			"hasInstallScript": true,
 			"dependencies": {

src/router/index.ts

@@ -15,7 +15,11 @@ const router = createRouter({
 			name: 'home',
 			component: () => import('../views/home/index.vue'),
 		},
-
+		{
+			path: '/collectionStory',
+			name: 'collectionStory',
+			component: () => import('../views/collectionStory/index.vue'),
+		},
 		{
 			path: '/:pathMatch(.*)',
 			name: '404',

src/views/collectionStory/index.vue

@@ -0,0 +1,12 @@
+<template>
+	<div class="home-index">home</div>
+</template>
+
+<script setup lang="ts">
+	import { computed } from 'vue'
+</script>
+
+<style lang="less">
+	.home-index {
+	}
+</style>

src/views/home/index.vue

@@ -1,12 +1,29 @@
-<template>
-	<div class="home-index">home</div>
-</template>
-
 <script setup lang="ts">
-	import { computed } from 'vue'
+import { ref, onMounted, onUnmounted, reactive, toRefs } from "vue";
+//const props = defineProps({
+//})
+//const emit = defineEmits([
+//])
+let data = reactive({
+})
+onMounted(()=>{
+})
+onUnmounted(()=>{
+})
+defineExpose({})
+const {} = toRefs(data);
 </script>
-
-<style lang="less">
-	.home-index {
+<template>
+	<div class="collectionStory">
+		<div class="title">
+			collection Story
+		</div>
+	</div>
+</template>
+<style lang="less" scoped>
+	.collectionStory{
+		width: 100%;
+		height: 100%;
+		position: relative;
 	}
-</style>
+</style>