updated docs

Author: dipaksarkar

docs/.vuepress/components/Dialog.vue

@@ -1,11 +1,11 @@
 <template>
   <div
-    v-if="modelValue"
+    v-if="value"
     class="w-screen h-screen fixed z-50 inset-0 flex bg-gray-600 bg-opacity-50"
-    @click.self="$emit('update:modelValue', false)"
+    @click.self="$emit('input', false)"
   >
     <div
-      class="max-w-md md:relative m-auto p-8 bg-white rounded w-full h-auto shadow"
+      class="max-w-md md:relative m-auto bg-white rounded w-full h-auto shadow"
     >
       <slot />
     </div>
@@ -16,8 +16,7 @@
 export default {
   name: 'Dialog',
   props: {
-    modelValue: Boolean,
+    value: Boolean,
   },
-  emits: ['update:modelValue'],
 }
 </script>

docs/.vuepress/components/PlayGround.vue

@@ -44,7 +44,7 @@
         </button>
         <Dialog v-model="exportDialogVisible">
           <pre
-            class="m-0"
+            class="m-0 !bg-white text-black"
             style="margin: 0"
             >{{ config }}</pre
           >

docs/.vuepress/config.js

@@ -1,4 +1,6 @@
 const { description } = require('../../package')
+const { resolve } = require('path')
+const WindiCSSWebpackPlugin = require('windicss-webpack-plugin')
 
 module.exports = {
   // dev server port
@@ -68,6 +70,23 @@ module.exports = {
           ]
         }
       ]
-    }
+    },
+    plugins: [
+      new WindiCSSWebpackPlugin({
+        preflight: false,
+        scan: {
+          include: [resolve(__dirname, './**/*.{vue,html,md}')],
+          exclude: ['node_modules/**/*', '.git/**/*']
+        },
+        theme: {
+          extend: {
+            colors: {
+              primary: '#3eaf7c'
+            }
+          }
+        },
+        plugins: [require('windicss/plugin/forms')]
+      })
+    ]
   }
 }

docs/.vuepress/enhanceApp.js

@@ -1,6 +1,6 @@
 import VueNumber from '../../src'
 
-import 'tailwindcss/dist/tailwind.css'
+import 'windi.css'
 
 export default ({
   Vue, // the version of Vue being used in the VuePress app

package.json

@@ -36,6 +36,7 @@
     "@typescript-eslint/eslint-plugin": "^5.38.1",
     "@typescript-eslint/parser": "^5.38.1",
     "@vitest/coverage-c8": "^0.28.5",
+    "@vue/babel-preset-jsx": "^1.0.0",
     "@vue/eslint-config-prettier": "^7.0.0",
     "@vue/eslint-config-typescript": "^11.0.2",
     "@vue/test-utils": "^1.3.0",
@@ -51,17 +52,17 @@
     "rollup-plugin-filesize": "^9.1.2",
     "rollup-plugin-typescript2": "^0.34.1",
     "rollup-plugin-vue": "^5.1.6",
-    "tailwindcss": "^1.0.0",
+    "ts-loader": "^6.0.0",
     "typescript": "^4.9.5",
     "vite": "^4.1.1",
     "vite-plugin-vue2": "^1.9.3",
     "vitest": "^0.28.5",
     "vue": "^2.6.11",
     "vue-jest": "^3.0.5",
     "vue-template-compiler": "^2.6.11",
-    "@vue/babel-preset-jsx": "^1.0.0",
-    "ts-loader": "^6.0.0",
-    "vuepress": "1.9.9"
+    "vuepress": "1.9.9",
+    "windicss": "^3.5.6",
+    "windicss-webpack-plugin": "^1.7.8"
   },
   "bugs": {
     "url": "https://github.com/coders-tm/vue-number-format/issues"