feat: 前端基础框架

web/src/App.vue

@@ -1,11 +1,26 @@
 <template>
   <v-app>
-    <v-main>
-      <router-view />
-    </v-main>
+
+    <v-layout>
+      <v-navigation-drawer :width="160" app permanent expand-on-hover>
+        <v-list density="compact" nav>
+          <v-list-item to="/" title="仪表盘" value="dashboard" prepend-icon="mdi-view-dashboard-outline">
+          </v-list-item>
+          <v-list-item to="/settings" title="配置" value="settings" prepend-icon="mdi-cog-outline">
+          </v-list-item>
+          <v-list-item to="/logs" title="日志" value="logs" prepend-icon="mdi-file-outline">
+          </v-list-item>
+          <v-list-item to="/plugins" title="插件" value="plugins" prepend-icon="mdi-puzzle-outline">
+          </v-list-item>
+        </v-list>
+      </v-navigation-drawer>
+
+      <v-main>
+        <router-view />
+      </v-main>
+    </v-layout>
   </v-app>
 </template>
 
 <script setup>
-  //
 </script>

web/src/assets/logo.svg

@@ -1,6 +0,0 @@
-<svg width="512" height="512" viewBox="0 0 512 512" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M261.126 140.65L164.624 307.732L256.001 466L377.028 256.5L498.001 47H315.192L261.126 140.65Z" fill="#1697F6"/>
-<path d="M135.027 256.5L141.365 267.518L231.64 111.178L268.731 47H256H14L135.027 256.5Z" fill="#AEDDFF"/>
-<path d="M315.191 47C360.935 197.446 256 466 256 466L164.624 307.732L315.191 47Z" fill="#1867C0"/>
-<path d="M268.731 47C76.0026 47 141.366 267.518 141.366 267.518L268.731 47Z" fill="#7BC6FF"/>
-</svg>

web/src/pages/DashBoard.vue

@@ -0,0 +1,11 @@
+<template>
+    <h1>Dashboard</h1>
+</template>
+
+<script setup>
+
+</script>
+
+<style scoped>
+
+</style>

web/src/pages/Logs.vue

@@ -1,6 +1,9 @@
 <template>
+    <h1>Logs</h1>
 </template>
 
 <script setup>
-  //
 </script>
+
+<style scoped>
+</style>

web/src/pages/Plugins.vue

@@ -0,0 +1,9 @@
+<template>
+    <h1>Plugins</h1>
+</template>
+
+<script setup>
+</script>
+
+<style scoped>
+</style>

web/src/pages/Settings.vue

@@ -0,0 +1,9 @@
+<template>
+  <h1>Settings</h1>
+</template>
+
+<script setup>
+</script>
+
+<style scoped>
+</style>

web/src/plugins/index.js

@@ -7,9 +7,12 @@
 // Plugins
 import vuetify from './vuetify'
 import router from '@/router'
+import store from '@/store'
+
 
 export function registerPlugins (app) {
   app
     .use(vuetify)
     .use(router)
+    .use(store)
 }

web/src/router/index.js

@@ -7,7 +7,17 @@
 
 // Composables
 import { createRouter, createWebHistory } from 'vue-router/auto'
-import { routes } from 'vue-router/auto-routes'
+import DashBoard from '../pages/DashBoard.vue'
+import Settings from '../pages/Settings.vue'
+import Logs from '../pages/Logs.vue'
+import Plugins from '../pages/Plugins.vue'
+
+const routes = [
+  { path: '/', component: DashBoard },
+  { path: '/settings', component: Settings },
+  { path: '/logs', component: Logs },
+  { path: '/plugins', component: Plugins },
+]
 
 const router = createRouter({
   history: createWebHistory(import.meta.env.BASE_URL),

web/src/store/index.js

@@ -0,0 +1,9 @@
+import { createStore } from 'vuex'
+import router from '@/router'
+import axios from 'axios'
+
+export default createStore({
+  state: {},
+  mutations: {},
+  actions: {},
+})