feat: 更新 AppConfigurator 组件，添加新的 Sakai 链接，调整页面模板和路由配置，更新 unocss 配置以添加颜色

src/layouts/sakai-vue/AppConfigurator.vue

@@ -6,7 +6,6 @@ import { ref } from 'vue';
 import { useLayout } from './composables/layout';
 
 const { layoutConfig, isDarkTheme } = useLayout();
-
 const presets = {
   Aura,
   Lara,

src/layouts/sakai-vue/README.md

@@ -1 +1,2 @@
 - https://primevue.org/templates/sakai/
+  - https://sakai.primevue.org/

src/pages/[...path].page.vue

@@ -1,5 +1,5 @@
 <template>
-  <main class="flex flex-col items-center justify-center h-full">
+  <main flex-1 class="flex flex-col items-center justify-center h-full">
     <h1>Not Found</h1>
     <p>{{ path }} does not exist.</p>
   </main>
@@ -8,8 +8,8 @@
 defineProps<{ path: string }>();
 </script>
 
-<route>
+<route lang="yaml">
-{
+props: true
-  "props": true
+meta:
-}
+  layout: false
 </route>

unocss.config.ts

@@ -30,6 +30,11 @@ export default defineConfig({
         fadeout: '1',
       },
     },
+
+    colors: {
+      // TODO: Add colors
+      'surface-0': 'var(--p-surface-0)',
+    },
   },
 
   shortcuts: [