Merge pull request #3 from huntdatacenter/vuetify

add vuetify

package.json

@@ -12,7 +12,12 @@
     "preview": "vitepress preview pages"
   },
   "devDependencies": {
+    "vite-plugin-vuetify": "^2.0.1",
     "vitepress": "^1.0.0-rc.41",
-    "vue": "^3.4.15"
+    "vue": "^3.4.15",
+    "vuetify": "^3.5.4"
+  },
+  "dependencies": {
+    "@mdi/font": "^7.4.47"
   }
 }

pages/.vitepress/theme/index.ts

@@ -10,12 +10,25 @@ import { VPButton } from 'vitepress/theme';
 import './custom.css';
 import './common.css';
 
+import '@mdi/font/css/materialdesignicons.css'
+
+import 'vuetify/styles'
+import { createVuetify } from 'vuetify'
+import * as components from 'vuetify/components'
+import * as directives from 'vuetify/directives'
+
 export default {
-    extends: DefaultTheme,
-    enhanceApp(context: EnhanceAppContext) {
-        // context.app.component('GreyBlock', GreyBlock);
-        context.app.component('VPButton', VPButton);
-        context.app.component('ProductSlider', ProductSlider);
-        // context.app.component('VPImage', VPImage);
-    }
+  extends: DefaultTheme,
+  enhanceApp(context: EnhanceAppContext) {
+    const vuetify = createVuetify({
+      components,
+      directives,
+    })
+    context.app.use(vuetify)
+
+    // context.app.component('GreyBlock', GreyBlock);
+    context.app.component('VPButton', VPButton);
+    context.app.component('ProductSlider', ProductSlider);
+    // context.app.component('VPImage', VPImage);
+  }
 }

yarn.lock

@@ -432,6 +432,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@mdi/font@npm:^7.4.47":
+  version: 7.4.47
+  resolution: "@mdi/font@npm:7.4.47"
+  checksum: 4cd44a9e9c40218f00d2500f7408f913ac276348054c9c1b0108330060fecb3cb58c8c08eda39a7535298aaf3f1d28c0c115751cfe9fc2c9cdb9d50450107db9
+  languageName: node
+  linkType: hard
+
 "@npmcli/agent@npm:^2.0.0":
   version: 2.2.0
   resolution: "@npmcli/agent@npm:2.2.0"
@@ -747,6 +754,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@vuetify/loader-shared@npm:^2.0.1":
+  version: 2.0.1
+  resolution: "@vuetify/loader-shared@npm:2.0.1"
+  dependencies:
+    upath: "npm:^2.0.1"
+  peerDependencies:
+    vue: ^3.0.0
+    vuetify: ^3.0.0
+  checksum: d96cc9e31cdd403319291631824d8d2137ae82a535b9dbfb125b245b2d5cf5856927b73cc086cc31dfa7581c01981c149c49abc7ea3d03ff6601895e5d065ba0
+  languageName: node
+  linkType: hard
+
 "@vueuse/core@npm:10.7.2, @vueuse/core@npm:^10.7.2":
   version: 10.7.2
   resolution: "@vueuse/core@npm:10.7.2"
@@ -828,8 +847,11 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "About@workspace:."
   dependencies:
+    "@mdi/font": "npm:^7.4.47"
+    vite-plugin-vuetify: "npm:^2.0.1"
     vitepress: "npm:^1.0.0-rc.41"
     vue: "npm:^3.4.15"
+    vuetify: "npm:^3.5.4"
   languageName: unknown
   linkType: soft
 
@@ -995,7 +1017,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"debug@npm:4, debug@npm:^4.3.4":
+"debug@npm:4, debug@npm:^4.3.3, debug@npm:^4.3.4":
   version: 4.3.4
   resolution: "debug@npm:4.3.4"
   dependencies:
@@ -1893,6 +1915,28 @@ __metadata:
   languageName: node
   linkType: hard
 
+"upath@npm:^2.0.1":
+  version: 2.0.1
+  resolution: "upath@npm:2.0.1"
+  checksum: 79e8e1296b00e24a093b077cfd7a238712d09290c850ce59a7a01458ec78c8d26dcc2ab50b1b9d6a84dabf6511fb4969afeb8a5c9a001aa7272b9cc74c34670f
+  languageName: node
+  linkType: hard
+
+"vite-plugin-vuetify@npm:^2.0.1":
+  version: 2.0.1
+  resolution: "vite-plugin-vuetify@npm:2.0.1"
+  dependencies:
+    "@vuetify/loader-shared": "npm:^2.0.1"
+    debug: "npm:^4.3.3"
+    upath: "npm:^2.0.1"
+  peerDependencies:
+    vite: ">=5"
+    vue: ^3.0.0
+    vuetify: ^3.0.0
+  checksum: 71bf11a266b7ba078f483b5819193b1ee8cc4b6dd92e5600dcceec0779cafb23a4108bcd69c5b9749a29ac3f43365a69da1a29b53a24cb508e8d816948058d76
+  languageName: node
+  linkType: hard
+
 "vite@npm:^5.0.12":
   version: 5.0.12
   resolution: "vite@npm:5.0.12"
@@ -2000,6 +2044,28 @@ __metadata:
   languageName: node
   linkType: hard
 
+"vuetify@npm:^3.5.4":
+  version: 3.5.4
+  resolution: "vuetify@npm:3.5.4"
+  peerDependencies:
+    typescript: ">=4.7"
+    vite-plugin-vuetify: ">=1.0.0-alpha.12"
+    vue: ^3.3.0
+    vue-i18n: ^9.0.0
+    webpack-plugin-vuetify: ">=2.0.0-alpha.11"
+  peerDependenciesMeta:
+    typescript:
+      optional: true
+    vite-plugin-vuetify:
+      optional: true
+    vue-i18n:
+      optional: true
+    webpack-plugin-vuetify:
+      optional: true
+  checksum: e48745e6eafdc4a16cd5a09fb715c2c31c87a705cf7f3f3d94a0b125bc2e1c2d0b083f39912b7843b091f828bbd0b0b7f67a93b1c480ed3d33c1bf2e1d0b5a3a
+  languageName: node
+  linkType: hard
+
 "which@npm:^2.0.1":
   version: 2.0.2
   resolution: "which@npm:2.0.2"