feat: 十里红妆

src/router/wedding.ts

@@ -0,0 +1,27 @@
+import { createRouter, createWebHashHistory } from 'vue-router'
+import List from '../views/Wedding/index.vue'
+import Detail from '../views/WeddingDetail/index.vue'
+import Home from '../views/WeddingHome/index.vue'
+
+const router = createRouter({
+  history: createWebHashHistory(import.meta.env.BASE_URL),
+  routes: [
+    {
+      path: '/',
+      name: 'home',
+      component: Home
+    },
+    {
+      path: '/list/:id/:secondId',
+      name: 'wedding',
+      component: List
+    },
+    {
+      path: '/detail/:id/:sid/:detailId',
+      name: 'wedding-detail',
+      component: Detail
+    }
+  ]
+})
+
+export default router

src/stores/wedding.ts

@@ -0,0 +1,15 @@
+import { ref } from 'vue'
+import { defineStore } from 'pinia'
+import type { IData } from './types'
+
+export const useWeddingStore = defineStore('wedding', () => {
+  const data = ref<IData[]>([])
+
+  fetch('./weddingData.json')
+    .then((res) => res.json())
+    .then((res) => {
+      data.value = res
+    })
+
+  return { data }
+})