feat(stage-tamagotchi): settings from web ui

apps/stage-tamagotchi/renderer.vite.config.ts

@@ -2,10 +2,13 @@ import { join, resolve } from 'node:path'
 import VueI18n from '@intlify/unplugin-vue-i18n/vite'
 import { Download } from '@proj-airi/unplugin-download'
 import { DownloadLive2DSDK } from '@proj-airi/unplugin-live2d-sdk'
+import { templateCompilerOptions } from '@tresjs/core'
 import Vue from '@vitejs/plugin-vue'
 import UnoCss from 'unocss/vite'
+import VueMacros from 'unplugin-vue-macros/vite'
 import VueRouter from 'unplugin-vue-router/vite'
 import { defineConfig } from 'vite'
+import Layouts from 'vite-plugin-vue-layouts'
 
 export default defineConfig({
   optimizeDeps: {
@@ -21,12 +24,26 @@ export default defineConfig({
     },
   },
   plugins: [
-    Vue(),
-    UnoCss(),
+    VueMacros({
+      plugins: {
+        vue: Vue({
+          include: [/\.vue$/, /\.md$/],
+          ...templateCompilerOptions,
+        }),
+        vueJsx: false,
+      },
+    }),
+
     VueRouter({
       dts: resolve(import.meta.dirname, 'src/typed-router.d.ts'),
       routesFolder: 'src/renderer/src/pages',
     }),
+
+    // https://github.com/JohnCampionJr/vite-plugin-vue-layouts
+    Layouts(),
+
+    UnoCss(),
+
     // https://github.com/intlify/bundle-tools/tree/main/packages/unplugin-vue-i18n
     VueI18n({
       runtimeOnly: true,
@@ -34,6 +51,7 @@ export default defineConfig({
       fullInstall: true,
       include: [resolve(import.meta.dirname, 'src', 'renderer', 'locales/**')],
     }),
+
     DownloadLive2DSDK(),
     Download('https://dist.ayaka.moe/live2d-models/hiyori_free_zh.zip', 'hiyori_free_zh.zip', 'assets/live2d/models'),
     Download('https://dist.ayaka.moe/live2d-models/hiyori_pro_zh.zip', 'hiyori_pro_zh.zip', 'assets/live2d/models'),