chore: improve lints

Author: antfu

.eslintignore

@@ -0,0 +1,3 @@
+demos
+*.d.ts
+cache

packages/floating-vue/.eslintrc.js renamed to .eslintrc.js

@@ -22,6 +22,9 @@ module.exports = {
     'no-debugger': process.env.NODE_ENV === 'production' ? 2 : 0,
     'comma-dangle': ['error', 'always-multiline'],
     'vue/multi-word-component-names': 'off',
+    'vue/require-default-prop': 'off',
+    'vue/no-v-html': 'off',
+    'vue/require-prop-types': 'off',
     'vue/html-closing-bracket-newline': [
       'error',
       {
@@ -48,6 +51,7 @@ module.exports = {
     quotes: ['error', 'single', { allowTemplateLiterals: true }],
     '@typescript-eslint/no-empty-function': 'off',
     indent: 'off',
+    '@typescript-eslint/no-this-alias': 'off',
   },
   ignorePatterns: [
     'node_modules/',

docs/.eslintrc.js

@@ -4,7 +4,7 @@ import { defineComponent, h } from 'vue'
 import { hasOwn, hyphenate } from '@vue/shared'
 
 export default defineComponent({
-  name: 'github-button',
+  name: 'GithubButton',
   props: {
     href: String,
     ariaLabel: String,
@@ -13,18 +13,7 @@ export default defineComponent({
     dataColorScheme: String,
     dataSize: String,
     dataShowCount: String,
-    dataText: String
-  },
-  render: function () {
-    const props = { ref: '_' }
-    for (const key in this.$props) {
-      props[hyphenate(key)] = this.$props[key]
-    }
-    return h('span', [
-      hasOwn(this.$slots, 'default')
-        ? h('a', props, this.$slots.default())
-        : h('a', props)
-    ])
+    dataText: String,
   },
   mounted: function () {
     this.paint()
@@ -52,6 +41,17 @@ export default defineComponent({
     },
     reset: function () {
       this.$el.replaceChild(/** @type {HTMLAnchorElement} */ (this.$refs._), this.$el.lastChild)
+    },
+  },
+  render: function () {
+    const props = { ref: '_' }
+    for (const key in this.$props) {
+      props[hyphenate(key)] = this.$props[key]
     }
-  }
+    return h('span', [
+      hasOwn(this.$slots, 'default')
+        ? h('a', props, this.$slots.default())
+        : h('a', props),
+    ])
+  },
 })

docs/.vitepress/components/GitHubButton.ts

@@ -22,13 +22,13 @@
 
           <template #popper>
             <VMenu
-              v-for="n in 5"
-              :key="n"
+              v-for="m in 5"
+              :key="m"
               placement="right-start"
               instant-move
             >
               <button class="rounded hover:bg-green-100 px-4 py-2">
-                Option {{ n }} >
+                Option {{ m }} >
               </button>
 
               <template #popper>
@@ -64,13 +64,13 @@
 
           <template #popper>
             <VDropdown
-              v-for="n in 5"
-              :key="n"
+              v-for="m in 5"
+              :key="m"
               placement="right-start"
               instant-move
             >
               <button class="rounded hover:bg-green-100 px-4 py-2">
-                Option {{ n }} >
+                Option {{ m }} >
               </button>
 
               <template #popper>

docs/.vitepress/components/SubMenuExample.vue

@@ -1,12 +1,16 @@
 <script>
-import Button from './Button.vue'
-import Input from './Input.vue'
-import Modal from './Modal.vue'
+import ThemeButton from './ThemeButton.vue'
+import ThemeInput from './ThemeInput.vue'
+import ThemeModal from './ThemeModal.vue'
 import { createNewTheme, state } from './state'
 import { builtinThemes } from './builtin-themes'
 
 export default {
-  components: { Modal, Button, Input },
+  components: {
+    ThemeModal,
+    ThemeButton,
+    ThemeInput,
+  },
 
   data () {
     return {
@@ -42,13 +46,13 @@ export default {
 </script>
 
 <template>
-  <Modal>
+  <ThemeModal>
     <div class="text-lg border-b border-gray-100">
       Create theme
     </div>
 
     <div class="space-y-2 w-96">
-      <Input
+      <ThemeInput
         v-model="name"
         placeholder="Theme name"
         auto-focus
@@ -64,20 +68,20 @@ export default {
     </div>
 
     <template #actions>
-      <Button
+      <ThemeButton
         color="gray"
         class="flex-1 p-2"
         @click="close()"
       >
         Cancel
-      </Button>
+      </ThemeButton>
 
-      <Button
+      <ThemeButton
         class="flex-1 p-2"
         @click="createNewTheme()"
       >
         Create theme
-      </Button>
+      </ThemeButton>
     </template>
-  </Modal>
+  </ThemeModal>
 </template>

docs/.vitepress/components/theme-editor/CreateTheme.vue

@@ -25,13 +25,12 @@ export default {
       },
       deep: true,
     },
-    'allStyleOutput': {
+    allStyleOutput: {
       handler () {
-        if (this.style)
-          this.style.innerHTML = this.allStyleOutput
+        if (this.style) { this.style.innerHTML = this.allStyleOutput }
       },
       immediate: true,
-    }
+    },
   },
 
   mounted () {

docs/.vitepress/components/theme-editor/Sandbox.vue

@@ -13,7 +13,7 @@ import ConfigEditor from './ConfigEditor.vue'
 import Tabs from './Tabs.vue'
 import ThemesExplorer from './ThemesExplorer.vue'
 import CreateTheme from './CreateTheme.vue'
-import Button from './Button.vue'
+import ThemeButton from './ThemeModal.vue'
 import { loadValue, storeValue } from './util'
 
 const OUTPUT_TAB_KEY = 'v-tooltip.theme-editor.output-tab'
@@ -29,7 +29,7 @@ export default {
     Tabs,
     ThemesExplorer,
     CreateTheme,
-    Button,
+    ThemeButton,
   },
 
   data () {
@@ -111,13 +111,13 @@ export default {
           <div class="text-gray-500 text-lg">
             Select a theme or create a new one to get started
           </div>
-          <Button
+          <ThemeButton
             class="px-4 py-3"
             @click="openCreateTheme()"
           >
             <PlusIcon class="w-4 h-4 mr-2" />
             New theme
-          </Button>
+          </ThemeButton>
         </div>
       </div>
 
@@ -178,14 +178,14 @@ export default {
         placement="top-end"
         class="h-full"
       >
-        <button
+        <ThemeButton
           v-tooltip="'Settings'"
           class="px-4 py-1 h-full hover:bg-green-200"
         >
           <SettingsIcon
             class="w-4 h-4"
           />
-        </button>
+        </ThemeButton>
 
         <template #popper>
           <div class="flex flex-col space-y-2 text-sm">

docs/.vitepress/components/theme-editor/Button.vue renamed to docs/.vitepress/components/theme-editor/ThemeButton.vue

@@ -3,8 +3,8 @@ import SearchIcon from '~icons/lucide/search'
 import PlusIcon from '~icons/lucide/plus'
 import MoreVerticalIcon from '~icons/lucide/more-vertical'
 import Trash2Icon from '~icons/lucide/trash-2'
-import Button from './Button.vue'
-import Modal from './Modal.vue'
+import ThemeButton from './ThemeButton.vue'
+import ThemeModal from './ThemeModal.vue'
 import { mapState, loadTheme, deleteTheme } from './state'
 
 export default {
@@ -13,8 +13,8 @@ export default {
     PlusIcon,
     MoreVerticalIcon,
     Trash2Icon,
-    Button,
-    Modal,
+    ThemeButton,
+    ThemeModal,
   },
 
   data () {
@@ -98,7 +98,7 @@ export default {
           </button>
 
           <template #popper>
-            <Button
+            <ThemeButton
               v-close-popper
               color="red"
               flat
@@ -107,13 +107,13 @@ export default {
             >
               <Trash2Icon class="w-4 h-4 mr-2" />
               Delete
-            </Button>
+            </ThemeButton>
           </template>
         </VDropdown>
       </div>
     </div>
 
-    <Modal
+    <ThemeModal
       v-if="confirmDeleteTheme"
     >
       <div class="text-lg">
@@ -122,22 +122,22 @@ export default {
       </div>
 
       <template #actions>
-        <Button
+        <ThemeButton
           color="gray"
           class="flex-1 p-2"
           @click="confirmDeleteTheme = null"
         >
           Cancel
-        </Button>
+        </ThemeButton>
 
-        <Button
+        <ThemeButton
           color="red"
           class="flex-1 p-2"
           @click="deleteTheme()"
         >
           Delete theme
-        </Button>
+        </ThemeButton>
       </template>
-    </Modal>
+    </ThemeModal>
   </div>
 </template>