chore: update

hhstore · hhstore · commit e8d5dda888d5 · 2024-05-10T17:49:16.000+08:00
diff --git a/packages/v2/.vitepress/theme/Layout.vue b/packages/v2/.vitepress/theme/Layout.vue
@@ -1,12 +1,10 @@
 <!-- docs/.vitepress/theme/Layout.vue -->
-<script setup lang="ts">
+<script lang="ts" setup>
 import DefaultTheme from 'vitepress/theme'
-import {inBrowser, useData} from 'vitepress'
-import {ref, watchEffect} from 'vue'
-import {darkTheme, lightTheme} from 'naive-ui'
-
-import {useDark, useToggle} from '@vueuse/core'
-import {useColorMode} from '@vueuse/core'
+import { inBrowser, useData } from 'vitepress'
+import { watchEffect } from 'vue'
+import { darkTheme, lightTheme } from 'naive-ui'
+import { useQuasar } from 'quasar'
 
 // const isDark = ref(false)
 // isDark.value = useColorMode().value === 'dark';
@@ -15,19 +13,23 @@ import {useColorMode} from '@vueuse/core'
 // todo x: dark theme change
 //  - https://vitepress.dev/guide/extending-default-theme#using-view-transitions-api
 //
-const {isDark} = useData()
-const {lang} = useData()
-
+const { isDark } = useData()
+const { lang } = useData()
+const $q = useQuasar()
 
 watchEffect(() => {
+  //
+  // todo x: fix: dark mode change
+  //
+  $q.dark.set(isDark.value)
+
   if (inBrowser) {
     document.cookie = `nf_lang=${lang.value}; expires=Mon, 1 Jan 2050 00:00:00 UTC; path=/`
   }
 })
 </script>
 
 <template>
-
   <!--  todo x:
           - 此文件相当于 app.vue
           - naive ui 的一些涉及 全局样式的设置, 都在此修改
@@ -42,7 +44,7 @@ watchEffect(() => {
   <n-config-provider :theme="isDark ? darkTheme : lightTheme">
     <n-message-provider>
       <!--    默认-->
-      <DefaultTheme.Layout/>
+      <DefaultTheme.Layout />
     </n-message-provider>
   </n-config-provider>
 </template>
diff --git a/packages/v2/.vitepress/theme/index.ts b/packages/v2/.vitepress/theme/index.ts
@@ -4,7 +4,26 @@ import DefaultTheme from 'vitepress/theme'
 import './style.css'
 import Layout from './Layout.vue'
 import naive from 'naive-ui' // import "unocss"
-import { Quasar } from 'quasar' // Import icon libraries
+import {
+  QAvatar,
+  QBadge,
+  QBar,
+  QBtn,
+  QCard,
+  QFooter,
+  QForm,
+  QHeader,
+  QIcon,
+  QImg,
+  QInput,
+  QLayout,
+  QPage,
+  QTab,
+  QTabPanel,
+  QTabs,
+  QTree,
+  Quasar,
+} from 'quasar' // Import icon libraries
 import '@quasar/extras/material-icons/material-icons.css' // Import Quasar css
 import 'quasar/src/css/index.sass'
 
@@ -26,6 +45,29 @@ export default {
       Quasar,
       {
         plugins: {}, // import Quasar plugins and add here
+
+        //
+        // TODO X: 需要手动枚举一遍!!!
+        //
+        components: [
+          QBtn,
+          QCard,
+          QForm,
+          QHeader,
+          QFooter,
+          QTab,
+          QTabs,
+          QTabPanel,
+          QAvatar,
+          QBar,
+          QBadge,
+          QIcon,
+          QInput,
+          QImg,
+          QTree,
+          QPage,
+          QLayout,
+        ],
       },
       {
         req: {
diff --git a/packages/v2/Taskfile.yml b/packages/v2/Taskfile.yml
@@ -48,6 +48,11 @@ tasks:
       - bun add --dev unplugin-vue-components
       - bun add --dev unplugin-auto-import
 
+  check:
+    cmds:
+      - quasar  -h
+      - quasar info
+
   remove:
     aliases: [ "rm" ]
     cmds:
diff --git a/packages/v2/components.d.ts b/packages/v2/components.d.ts
@@ -0,0 +1,16 @@
+/* eslint-disable */
+// @ts-nocheck
+// Generated by unplugin-vue-components
+// Read more: https://github.com/vuejs/core/pull/3399
+export {}
+
+/* prettier-ignore */
+declare module 'vue' {
+  export interface GlobalComponents {
+    WDownload: typeof import('./src/components/WDownload.vue')['default']
+    WHelp: typeof import('./src/components/WHelp.vue')['default']
+    WLicense: typeof import('./src/components/WLicense.vue')['default']
+    WPricing: typeof import('./src/components/WPricing.vue')['default']
+    WScreenshots: typeof import('./src/components/WScreenshots.vue')['default']
+  }
+}
diff --git a/packages/v2/src/components/WDownload.vue b/packages/v2/src/components/WDownload.vue
@@ -33,34 +33,14 @@
       </n-card>
     </n-space>
   </div>
-
-  <div>
-    <q-card>
-      <q-btn color="primary" outline>Hello Quasar</q-btn>
-
-      <br />
-
-      <q-btn color="red" type="success">test</q-btn>
-
-      <div class="q-pa-md q-gutter-sm">
-        <q-btn color="white" label="Standard" text-color="black" />
-        <q-btn color="primary" label="Primary" />
-        <q-btn color="secondary" label="Secondary" />
-        <q-btn color="amber" glossy label="Amber" />
-        <q-btn color="brown-5" label="Brown 5" />
-        <q-btn color="deep-orange" glossy label="Deep Orange" />
-        <q-btn color="purple" label="Purple" />
-        <q-btn color="black" label="Black" />
-      </div>
-
-      <q-tree></q-tree>
-    </q-card>
-  </div>
 </template>
 
 <script lang="ts" setup>
 import { useMessage } from 'naive-ui' //
 import { Icon } from '@iconify/vue'
+
+// todo x: 需要手动引入 or 全局注册(.vitepress/theme/index.ts)
+
 //
 // todo x: check `.vitepress/theme/Layout.vue`
 //
diff --git a/packages/v2/src/components/WHelp.vue b/packages/v2/src/components/WHelp.vue
@@ -1,13 +1,30 @@
 <template>
-    <n-button @click="info">Help</n-button>
+  <q-layout>
+    <q-page-container>
+      <q-card class="q-ma-sm q-py-md q-gutter-lg" flat>
+        <div class="q-pa-md q-gutter-sm">
+          <q-btn color="primary" outline>Hello Quasar</q-btn>
+          <q-btn color="red" type="success">test</q-btn>
+          <q-btn color="white" label="Standard" text-color="black" />
+          <q-btn color="primary" label="Primary" />
+          <q-btn color="amber" glossy label="Amber" />
+          <q-btn color="brown-5" label="Brown 5" />
+          <q-btn color="purple" label="Purple" />
+          <q-btn color="black" label="Black" />
+        </div>
+      </q-card>
+    </q-page-container>
+  </q-layout>
 </template>
 
 <script lang="ts" setup>
 import { useMessage } from 'naive-ui'
+// todo x: 需要手动引入 or 全局注册(.vitepress/theme/index.ts)
+import { QBtn } from 'quasar'
 
 const message = useMessage()
 
 function info() {
-    message.info('Help')
+  message.info('Help')
 }
 </script>
diff --git a/packages/v2/vite.config.ts b/packages/v2/vite.config.ts
@@ -48,6 +48,7 @@ export default defineConfig({
     // @quasar/plugin-vite options list:
     // https://github.com/quasarframework/quasar/blob/dev/vite-plugin/index.d.ts
     quasar({
+      autoImportComponentCase: 'combined',
       sassVariables: 'src/quasar-variables.sass',
     }),
 
