init commit

初始提交，无事发生~

webui/src/App.vue

@@ -0,0 +1,14 @@
+<script setup lang="ts"></script>
+
+<template>
+  <n-config-provider id="aapp">
+    <div class="header-container"></div>
+    <div class="content-container">
+      <router-view></router-view>
+    </div>
+    <div class="footer-container">🌸 Nya Home ~</div>
+    <n-global-style />
+  </n-config-provider>
+</template>
+
+<style scoped></style>

webui/src/assets/main.scss

@@ -0,0 +1,18 @@
+div#aapp {
+  height: 100dvh;
+
+  display: flex;
+  flex-direction: column;
+
+  div.header-container,
+  div.footer-container {
+    display: flex;
+    flex-direction: row;
+
+    flex: 0;
+  }
+
+  div.content-container {
+    flex: 1;
+  }
+}

webui/src/main.ts

@@ -0,0 +1,14 @@
+import {createApp} from 'vue'
+import {createPinia} from 'pinia'
+
+import '@/assets/main.scss'
+
+import App from './App.vue'
+import router from './router'
+
+const app = createApp(App)
+
+app.use(createPinia())
+app.use(router)
+
+app.mount('#app')

webui/src/pages/ChatroomPage.vue

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

webui/src/pages/WelcomePage.vue

@@ -0,0 +1,7 @@
+<script setup lang="ts"></script>
+
+<template>
+  <n-card title="Welcome to Welcome!"></n-card>
+</template>
+
+<style scoped></style>

webui/src/router/index.ts

@@ -0,0 +1,21 @@
+import {createRouter, createWebHashHistory} from 'vue-router'
+import ChatroomPage from '@/pages/ChatroomPage.vue'
+import WelcomePage from '@/pages/WelcomePage.vue'
+
+const router = createRouter({
+  history: createWebHashHistory(import.meta.env.BASE_URL),
+  routes: [
+    {
+      name: 'welcome',
+      path: '/',
+      component: WelcomePage,
+    },
+    {
+      name: 'chatroom',
+      path: '/chatroom',
+      component: ChatroomPage,
+    },
+  ],
+})
+
+export default router

webui/src/stores/counter.ts

@@ -0,0 +1,12 @@
+import { ref, computed } from 'vue'
+import { defineStore } from 'pinia'
+
+export const useCounterStore = defineStore('counter', () => {
+  const count = ref(0)
+  const doubleCount = computed(() => count.value * 2)
+  function increment() {
+    count.value++
+  }
+
+  return { count, doubleCount, increment }
+})