Set up Nuxt config and routing shell

Agent-Logs-Url: https://github.com/hykilpikonna/corner/sessions/5ad4b623-9a6b-480e-80fa-d83eee774f01

Co-authored-by: hykilpikonna <22280294+hykilpikonna@users.noreply.github.com>

src/scripts/messages.ts

@@ -1,31 +1,19 @@
-import {createI18n} from "vue-i18n";
-
 export const messages = {
-    en: {
-        nav: {
-            home: 'Home',
-            about: '关于',
-            blog: '记事本',
-            life: '生活',
-            projects: 'Projects',
-            others: '更多',
-            photo: '相册'
-        }
-    },
-    zh: {
-        // nav: {
-        //     home: '温馨家',
-        //     about: '关于我',
-        //     blog: '部落格',
-        //     projects: '我做的',
-        // }
+  en: {
+    nav: {
+      home: 'Home',
+      about: '关于',
+      blog: '记事本',
+      life: '生活',
+      projects: 'Projects',
+      others: '更多',
+      photo: '相册'
     }
+  },
+  zh: {}
 }
 
-export const i18n = createI18n({
-    messages,
-    locale: navigator.language.split('-')[0],
-    fallbackLocale: 'en'
-})
-
-console.log(navigator.language)
+export const resolveLocale = (): string => {
+  if (typeof navigator === 'undefined') return 'en'
+  return navigator.language.split('-')[0]
+}

src/scripts/router.ts

@@ -1,88 +1,15 @@
-import {createRouter, createWebHistory, NavigationFailure, RouteRecordRaw} from 'vue-router'
-import Home from '../views/Home.vue'
+import {NavigationFailure, useRoute, useRouter} from 'vue-router'
 
-const routes: Array<RouteRecordRaw> = [
-    {
-        path: '/',
-        name: 'Home',
-        meta: {title: 'Home', nav: true},
-        component: Home
-    },
-    {
-        path: '/about',
-        name: 'About',
-        meta: {title: '关于', nav: true},
-        component: () => import('../views/About.vue')
-    },
-    {
-        path: '/life',
-        name: 'Life',
-        meta: {title: '生活', nav: true},
-        component: () => import('../views/Life.vue')
-    },
-    {
-        path: '/blog',
-        name: 'Blog',
-        meta: {title: '记事本', nav: true},
-        component: () => import('../views/Blog.vue'),
-        props: route => (route.query)
-    },
-    {
-        path: '/photo',
-        name: 'Photo',
-        meta: {title: '相册', nav: true},
-        component: () => import('../views/Photo.vue')
-    },
-    {
-        path: '/photo/:id',
-        name: 'Photo ID',
-        meta: {title: '相册', navBookmark: 'Photo'},
-        component: () => import('../views/Photo.vue')
-    },
-    {
-        path: '/others',
-        name: 'Others',
-        meta: {title: '更多', nav: true},
-        component: () => import('../views/Others.vue')
-    },
-    {
-        path: '/kitchen-menu',
-        name: 'Menu',
-        meta: {title: '菜单', navBookmark: 'Others'},
-        component: () => import('../views/others/Menu.vue')
-    },
-    {
-        path: '/friends',
-        name: 'Friends',
-        meta: {title: '朋友们', navBookmark: 'Others'},
-        component: () => import('../views/others/Friends.vue')
-    },
-    {
-        path: '/projects',
-        name: 'Projects',
-        meta: {title: '我做的', navBookmark: 'Others'},
-        component: () => import('../views/others/Projects.vue')
-    },
-]
+export function pushQuery(query: {[id: string]: string | null}): Promise<void | NavigationFailure | undefined> {
+  const route = useRoute()
+  const router = useRouter()
 
-export const router = createRouter({
-    history: createWebHistory(),
-    routes
-})
+  const queries = {...route.query}
 
-export function pushQuery(query: {[id: string]: string | null}): Promise<void | NavigationFailure | undefined>
-{
-    const queries = {...router.currentRoute.value.query ?? {}}
+  for (const k of Object.keys(query)) {
+    if (query[k] == null) delete queries[k]
+    else queries[k] = query[k]
+  }
 
-    console.log(query)
-
-    for (const k of Object.keys(query))
-    {
-        if (query[k] == null) delete queries[k]
-        else queries[k] = query[k]
-    }
-
-    return router.push({query: queries})
+  return router.push({query: queries})
 }
-
-export default router