updated docs

Author: dipaksarkar

docs/.vuepress/components/Dialog.vue

@@ -7,7 +7,7 @@
     <div
       class="max-w-md md:relative m-auto p-8 bg-white rounded w-full h-auto shadow"
     >
-      <slot />
+      <slot></slot>
     </div>
   </div>
 </template>

docs/.vuepress/config.js

@@ -45,7 +45,7 @@ module.exports = {
   },
 
   /**
-   * Apply plugins，ref：https://v1.vuepress.vuejs.org/zh/plugin/
+   * Apply plugins，ref：https://v1.vuepress.vuejs.org/plugin/
    */
-  plugins: ['@vuepress/plugin-back-to-top', '@vuepress/plugin-medium-zoom']
+  plugins: []
 }

docs/.vuepress/enhanceApp.js

@@ -3,6 +3,11 @@
  *
  * https://v1.vuepress.vuejs.org/guide/basic-config.html#app-level-enhancements
  */
+import VueNumber from '../../'
+
+import 'tailwindcss/dist/base.css'
+import 'tailwindcss/dist/components.css'
+import 'tailwindcss/dist/utilities.css'
 
 export default ({
   Vue, // the version of Vue being used in the VuePress app
@@ -11,4 +16,5 @@ export default ({
   siteData // site metadata
 }) => {
   // ...apply enhancements for the site.
+  Vue.use(VueNumber)
 }

docs/.vuepress/plugins/windicss.js

@@ -0,0 +1,21 @@
+const { defineConfig } = require('windicss/helpers')
+const { generateCSS } = require('windicss')
+
+module.exports = (options = {}, ctx) => {
+  const windiOptions = defineConfig({
+    scan: {
+      dirs: ['.vuepress/theme', '.vuepress/components'],
+      exclude: ['node_modules', '.git', '.vuepress']
+    }
+  })
+
+  return {
+    name: 'vuepress-plugin-windicss',
+    clientDynamicModules() {
+      return {
+        name: 'windi.css',
+        content: generateCSS(windiOptions)
+      }
+    }
+  }
+}

docs/.vuepress/styles/index.scss renamed to docs/.vuepress/styles/index.styl

@@ -12,7 +12,7 @@
 [type='week'],
 [multiple],
 textarea,
-select {
+select
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
@@ -24,4 +24,12 @@ select {
   padding-left: 0.75rem;
   font-size: 1rem;
   line-height: 1.5rem;
-}
+
+img, svg, video, canvas, audio, iframe, embed, object
+  display: inherit
+
+p
+  margin-block-start: 1em;
+  margin-block-end: 1em;
+  margin-inline-start: 0px;
+  margin-inline-end: 0px;

package.json

@@ -51,14 +51,16 @@
     "rollup-plugin-filesize": "^9.1.2",
     "rollup-plugin-typescript2": "^0.34.1",
     "rollup-plugin-vue": "^5.1.6",
+    "tailwindcss": "^1.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",
-    "vuepress": "^1.9.9"
+    "vuepress": "^1.9.9",
+    "windicss": "^3.5.6"
   },
   "bugs": {
     "url": "https://github.com/coders-tm/vue-number-format/issues"