docs: fix ant dropdown in built docs

Author: abichinger

.gitignore

@@ -1,3 +1,6 @@
 .vscode
 node_modules
-dist
+dist
+
+vitepress-test
+vuepress-test

ant/src/components/CustomSelect.vue

@@ -13,12 +13,12 @@
 
       <template #overlay>
         <a-menu multiple :selectedKeys="Array.isArray(modelValue) ? modelValue : [modelValue]">
-          <a-row class="vcron-a-row" type="flex" v-for="(itemRow, i) in itemRows" :key="i">
-            <a-col class="vcron-a-col"  :flex="1" v-for="(item, j) in itemRow" :key="j">
+          <div class="vcron-a-row" type="flex" v-for="(itemRow, i) in itemRows" :key="i">
+            <div class="vcron-a-col"  :flex="1" v-for="(item, j) in itemRow" :key="j">
               <a-menu-item v-if="item" :key="item[itemValue]" @click="select(item); updateVisibility();">{{item.text}}</a-menu-item>
               <a-menu-item v-else></a-menu-item>
-            </a-col>
-          </a-row>
+            </div>
+          </div>
         </a-menu>
       </template>
 
@@ -71,11 +71,12 @@ export default {
 <style scoped>
 
 .vcron-a-row {
-  flex-wrap: nowrap !important;
+  display: flex;
+  flex-wrap: nowrap;
 }
 
 .vcron-a-col {
-  flex-basis: 100% !important;
+  flex-basis: 100%;
   min-width: 0;
   text-align: center;
 }

docs/package.json

@@ -12,20 +12,17 @@
   "scripts": {
     "dev": "vuepress dev src",
     "build": "vuepress build src",
-    "clean": "git clean -xf src/.vuepress/dist"
+    "clean": "git clean -xf src/.vuepress/dist src/.vuepress/.temp src/.vuepress/.cache"
   },
   "license": "MIT",
   "devDependencies": {
-    "@vuepress/plugin-google-analytics": "^2.0.0-beta.49",
-    "@vuepress/plugin-register-components": "^2.0.0-beta.49",
-    "vuepress": "^2.0.0-beta.49"
-  },
-  "dependencies": {
-    "@vue-js-cron/core": "^3.0.0",
-    "@vue-js-cron/element-plus": "^1.0.0",
-    "@vue-js-cron/light": "^2.0.0",
-    "@vue-js-cron/vuetify": "^3.0.0",
-    "@vue-js-cron/ant": "^1.0.0",
-    "vuetify": "^3.0.0-beta.7"
+    "@vue-js-cron/ant": "file:../ant",
+    "@vue-js-cron/core": "file:../core",
+    "@vue-js-cron/element-plus": "file:../element-plus",
+    "@vue-js-cron/light": "file:../light",
+    "@vue-js-cron/vuetify": "file:../vuetify",
+    "@vuepress/plugin-register-components": "2.0.0-beta.51",
+    "@vuepress/plugin-google-analytics": "2.0.0-beta.51",
+    "vuepress": "2.0.0-beta.51"
   }
 }

docs/src/.vuepress/client.js

@@ -10,24 +10,28 @@ import '@vue-js-cron/vuetify/dist/vuetify.css'
 
 import { createVuetify } from 'vuetify'
 import * as components from 'vuetify/components'
+import * as directives from 'vuetify/directives'
 import 'vuetify/styles'
 
 import ElementPlus from 'element-plus'
 import 'element-plus/dist/index.css'
 
 import Ant from 'ant-design-vue'
+// import 'ant-design-vue/dist/antd.css'
 import '../styles/antd.css'
 
 import { defineClientConfig } from '@vuepress/client'
 
 import { variables } from './vars'
 
-const vuetify = createVuetify({
-  components
-})
-
 export default defineClientConfig({
   enhance ({ app, router, siteData }) {
+    const vuetify = createVuetify({
+      components,
+      directives,
+      ssr: true
+    })
+
     app.use(vuetify)
     app.use(ElementPlus)
     app.use(Ant)
@@ -48,16 +52,3 @@ export default defineClientConfig({
   setup () {},
   rootComponents: []
 })
-
-// export default ({
-//   Vue, // the version of Vue being used in the VuePress app
-//   options, // the options for the root Vue instance
-//   router, // the router instance for the app
-//   siteData // site metadata
-// }) => {
-//   Vue.use(Vuetify)
-//   options.vuetify = new Vuetify({})
-//   Vue.use(CronCore)
-//   Vue.use(CronVuetify)
-//   Vue.use(CronLight)
-// }

docs/src/.vuepress/config.js

@@ -1,11 +1,11 @@
-const { description } = require('../../package')
-const { defaultTheme } = require('@vuepress/theme-default')
-const { registerComponentsPlugin } = require('@vuepress/plugin-register-components')
-const { path } = require('@vuepress/utils')
-const { viteBundler } = require('@vuepress/bundler-vite')
-const { googleAnalyticsPlugin } = require('@vuepress/plugin-google-analytics')
+import { googleAnalyticsPlugin } from '@vuepress/plugin-google-analytics'
+import { registerComponentsPlugin } from '@vuepress/plugin-register-components'
+import { defaultTheme } from '@vuepress/theme-default'
+import { path } from '@vuepress/utils'
+import { defineUserConfig, viteBundler } from 'vuepress'
+import { description } from '../../package'
 
-module.exports = {
+export default defineUserConfig({
 
   /**
    * Ref: https://v2.vuepress.vuejs.org/guide/configuration.html#config-file
@@ -112,7 +112,7 @@ module.exports = {
       // https://github.com/vuepress/vuepress-next/issues/585#issuecomment-1046188074
       // https://v2.vuepress.vuejs.org/reference/bundler/vite.html#ssr-externals-issue
       ssr: {
-        noExternal: ['vuetify', 'ant-design-vue']
+        noExternal: ['vuetify', '@vue-js-cron/core']
       }
     },
     vuePluginOptions: {}
@@ -133,4 +133,4 @@ module.exports = {
       id: 'G-8E2WXHH0QS'
     })
   ]
-}
+})