style(docs): enable eslint for .vitepress

Author: MichaelGitArt

.eslintignore

@@ -1,4 +1,6 @@
 dist
 node_modules
 public
-___
+___
+
+!.vitepress

docs/src/.vitepress/components/GettingStartedExample.vue

@@ -2,7 +2,7 @@
   <GDialog v-model="value">
     Content
   </GDialog>
-  
+
   <BtnWrapper>
     <BaseBtn @click="onOpen">
       Open Dialog
@@ -11,32 +11,31 @@
 </template>
 
 <script>
-import {ref, computed} from 'vue'
+import { ref, computed } from 'vue'
 
 export default {
-  name: 'base-dialog',
+  name: 'BaseDialog',
 
   setup() {
     const dialogState = ref(false)
-    
+
     const value = computed({
       get() {
         return dialogState.value
       },
       set(val) {
         dialogState.value = val
-      }
+      },
     })
 
-    const onOpen = ()=>{
+    const onOpen = () => {
       value.value = true
     }
 
     return {
       value,
-      onOpen
+      onOpen,
     }
   },
 }
 </script>
-

docs/src/.vitepress/components/GettingStartedExampleStyled.vue

@@ -4,7 +4,7 @@
       Content
     </div>
   </GDialog>
-  
+
   <BtnWrapper>
     <BaseBtn @click="onOpen">
       Open Dialog
@@ -13,30 +13,30 @@
 </template>
 
 <script>
-import {ref, computed} from 'vue'
+import { ref, computed } from 'vue'
 
 export default {
-  name: 'base-dialog',
+  name: 'BaseDialog',
 
   setup() {
     const dialogState = ref(false)
-    
+
     const value = computed({
       get() {
         return dialogState.value
       },
       set(val) {
         dialogState.value = val
-      }
+      },
     })
 
-    const onOpen = ()=>{
+    const onOpen = () => {
       value.value = true
     }
 
     return {
       value,
-      onOpen
+      onOpen,
     }
   },
 }
@@ -48,4 +48,3 @@ export default {
     background: #fff;
   }
 </style>
-  

docs/src/.vitepress/config.js

@@ -1,3 +1,4 @@
+/* eslint-disable @typescript-eslint/no-var-requires */
 const path = require('path')
 
 module.exports = {
@@ -17,32 +18,32 @@ module.exports = {
     },
   },
 
-  title: "Gitart Vue Dialog",
-  description: "Documentaion for Gitart Vue Dialog. Docs",
-  lang: "en-US",
+  title: 'Gitart Vue Dialog',
+  description: 'Documentaion for Gitart Vue Dialog. Docs',
+  lang: 'en-US',
 
   head: [
     ['link', { rel: 'icon', href: '/favicon.png' }],
   ],
-  
+
   themeConfig: {
-    lastUpdated: "Last Updated",
+    lastUpdated: 'Last Updated',
     displayAllHeaders: true,
     activeHeaderLinks: false,
 
     nav: [
-      { text: "Home", link: "/" },
-      { text: "Docs", link: "/docs/introduction/getting-started" },
+      { text: 'Home', link: '/' },
+      { text: 'Docs', link: '/docs/introduction/getting-started' },
       {
-        text: "npm",
-        link: "https://www.npmjs.com/package/gitart-vue-dialog",
-        target: "_blank",
+        text: 'npm',
+        link: 'https://www.npmjs.com/package/gitart-vue-dialog',
+        target: '_blank',
         rel: false,
       },
       {
-        text: "Github",
-        link: "https://github.com/MichaelGitArt/gitart-vue-dialog",
-        target: "_blank",
+        text: 'Github',
+        link: 'https://github.com/MichaelGitArt/gitart-vue-dialog',
+        target: '_blank',
         rel: false,
       },
     ],
@@ -52,7 +53,7 @@ module.exports = {
       '/': getGuideSidebar(),
     },
   },
-};
+}
 
 function getGuideSidebar() {
   return [
@@ -61,7 +62,7 @@ function getGuideSidebar() {
       children: [
         { text: 'Getting Started', link: '/docs/introduction/getting-started' },
         { text: 'Usage Types', link: '/docs/introduction/usage-types' },
-      ]
+      ],
     },
 
     {
@@ -70,14 +71,14 @@ function getGuideSidebar() {
         { text: 'Component Usage', link: '/docs/guide/component-usage' },
         { text: 'Plugin Usage', link: '/docs/guide/plugin-usage' },
         { text: 'Properties', link: '/docs/guide/properties' },
-      ]
+      ],
     },
 
     {
       text: 'Components',
       children: [
         { text: 'GDialog', link: '/docs/components/g-dialog' },
-      ]
+      ],
     },
   ]
 }

docs/src/.vitepress/theme/index.js

@@ -12,5 +12,5 @@ export default {
     app.component('GDialog', GDialog)
     app.component('BaseBtn', BaseBtn)
     app.component('BtnWrapper', BtnWrapper)
-  }
+  },
 }

docs/src/docs/guide/plugin-usage.md

@@ -58,8 +58,8 @@ export default {
 
     info: {
       type: String,
-      required: true
-    }
+      required: true,
+    },
   },
 
   setup(props: IBaseDialogProps, { emit }) {
@@ -70,10 +70,9 @@ export default {
 
       set(val) {
         emit('update:modelValue', val)
-      } 
+      },
     })
 
-
     return {
       value,
     }
@@ -92,11 +91,10 @@ export default {
       this.$dialog.addDialog({
         component: InfoDialog,
         props: {
-          info: 'Info to display'
-        }
+          info: 'Info to display',
+        },
       })
     },
   },
 }
-
 ```