🎉 这会是一个好的开始

pages/article/[articleID]/index.vue

@@ -0,0 +1,14 @@
+<script setup lang="ts">
+
+</script>
+
+<template>
+  <div>
+{{useRoute().params.articleID}}
+  </div>
+
+</template>
+
+<style scoped>
+
+</style>

pages/article/index.vue

@@ -0,0 +1,13 @@
+<script setup lang="ts">
+
+</script>
+
+<template>
+<div>
+
+</div>
+</template>
+
+<style scoped>
+
+</style>

pages/index/index.vue

@@ -0,0 +1,45 @@
+<script setup lang="ts">
+
+import type { NavigationMenuItem } from '@nuxt/ui';
+
+const items = ref<NavigationMenuItem[]>([
+  {
+    label: '首页',
+    icon: 'i-lucide-home',
+    to: '/',
+  },
+  {
+    label: '归档',
+    icon: 'i-lucide-paperclip',
+    to: '/archive',
+  },
+  {
+    label: '关于',
+    icon: 'i-lucide-info',
+    to: '/about',
+  },
+  {
+    label: 'Contact',
+    to: '/contact',
+  },
+]);
+useColorMode().preference = 'light';
+</script>
+
+<template>
+  <div>
+    <NuxtRouteAnnouncer />
+    <UApp>
+      <div class="w-full flex justify-center">
+        <div class="xl:w-[1220px] lg:w-[964px] md:w-[708px]">
+        <UNavigationMenu :items="items" class="w-full"/>
+        <NuxtPage />
+        </div>
+      </div>
+    </UApp>
+  </div>
+</template>
+
+<style scoped>
+
+</style>