chore(components): linter correct rules

.eslintrc.js

@@ -15,7 +15,10 @@ module.exports = {
     "vue/valid-v-for": 0,
     "vue/require-default-prop": 0,
     "vue/no-parsing-error": 0,
+    "vue/no-v-html": 0, // editor entities
+    "vue/require-prop-types": 0, // material any inserts
     "@typescript-eslint/no-empty-function": 0,
+    "@typescript-eslint/no-explicit-any": 0,
     "no-undef": 0,
     "no-constant-condition": 0,
     "no-import-assign": 0

src/components/editor/absolute/shortcuts/EditorShortcutsFinder.vue

@@ -91,13 +91,11 @@
   import { useEntity } from '@/use/entity'
   import { useAbsoluteStore } from '@/store/absolute'
   import { useDraggable } from '@vueuse/core'
-  import { useUtils } from '@/use/utils'
 
   const ABSOLUTE = useAbsoluteStore()
 
   const { t } = useI18n()
   const entity = useEntity()
-  const utils = useUtils()
 
   const finder = ref<HTMLElement | null>(null)
   const search = ref<HTMLElement | null>(null)

src/components/editor/entity/EditorEntityInput.vue

@@ -194,7 +194,7 @@ import { useUtils } from '@/use/utils'
         emit('enter', content)
 
         return
-      }, (err: any) => {
+      }, () => {
         toast.error(t('toast.generics.error'))
       })
     }

src/components/editor/entity/EditorEntityShow.vue

@@ -122,8 +122,6 @@
   }
 
   watch(data, async (_data: string) => {
-    const _input = input.value as HTMLDivElement
-
     if (_data === env.emptyLine()) {
       setData('')
     }
@@ -211,7 +209,7 @@
 
           emitter.emit('entity-not-mutate-down', props.entity)
         },
-        (err: any) => {
+        () => {
           toast.error(t('toast.generics.error'))
         }
       )
@@ -482,10 +480,10 @@
     const _input = input.value as HTMLDivElement
 
     const value = raw.v2().caret().value(_input)
-    const position = raw.v2().caret().index(_input)
+    // const position = raw.v2().caret().index(_input)
     const end = raw.v2().caret().end(_input)
     const start = raw.v2().caret().start(_input)
-    const empty = raw.v2().caret().empty(_input)
+    // const empty = raw.v2().caret().empty(_input)
     const offset = useUtils().cursor().getCurrentCursorPosition(_input)
 
     if (e.shiftKey) {

src/components/editor/entity/EditorEntityShowPopover.vue

@@ -342,13 +342,13 @@
 
   const update = computed(() => format.lastTime(props.entity.updatedAt))
 
-  const onDeleteEntity = (e: MouseEvent) => {
+  const onDeleteEntity = () => {
     CONTEXT.removeInPage(props.entity)
 
     state.adjust = false
   }
 
-  const onUpEntity = (e: MouseEvent) => {
+  const onUpEntity = () => {
     CONTEXT.switchInPage({
       entity: props.entity,
       direction: 'up',
@@ -357,7 +357,7 @@
     state.adjust = false
   }
 
-  const onDownEntity = (e: MouseEvent) => {
+  const onDownEntity = () => {
     CONTEXT.switchInPage({
       entity: props.entity,
       direction: 'down',
@@ -412,7 +412,7 @@
     state.new = false
   }
 
-  const onSwitcherEntityWrapper = (e: MouseEvent) => {
+  const onSwitcherEntityWrapper = () => {
     state.new = false
     state.switcher = !state.switcher
     state.adjust = false

src/components/editor/header/EditorHeaderButton.vue

@@ -18,7 +18,7 @@
 <script setup lang="ts">
   import { useToggle } from '@vueuse/core'
 
-  const [value, toggle] = useToggle()
+  const [value] = useToggle()
 
   const props = defineProps({
     color: {

src/components/editor/main/EditorBase.vue

@@ -45,7 +45,6 @@
   import { Entity } from '@/types/context'
   import { useScroll } from '@/use/scroll'
   import { useEnv } from '@/use/env'
-  import useEmitter from '@/use/emitter'
   import { useProject } from '@/use/project'
   import { useContextStore } from '@/store/context'
   import { useProjectStore } from '@/store/project'
@@ -56,7 +55,6 @@
   const PROJECT = useProjectStore()
   const EDITOR = useEditorStore()
 
-  const emitter = useEmitter()
   const project = useProject()
   const plugin = usePlugin()
   const env = useEnv()

src/components/editor/main/EditorBaseHeader.vue

@@ -82,13 +82,11 @@
   import { useAbsoluteStore } from '@/store/absolute'
   import { useProjectStore } from '@/store/project'
   import { useEnv } from '@/use/env'
-  import { useI18n } from 'vue-i18n'
   import isElectron from 'is-electron'
 
   const ABSOLUTE = useAbsoluteStore()
   const PROJECT = useProjectStore()
 
   const editor = useEditor()
   const env = useEnv()
-  const { t } = useI18n()
 </script>

src/components/material/InputBoolean.vue

@@ -29,7 +29,7 @@
 </template>
 
 <script setup lang="ts">
-  import { ref, computed } from 'vue'
+  import { computed } from 'vue'
 
   const props = defineProps({
     modelValue: {
@@ -43,7 +43,6 @@
   })
 
   const emit = defineEmits(['update:modelValue'])
-  const inp = ref<HTMLElement | null>(null as any)
   const cmp = computed({
     get() {
       return props.modelValue

src/components/material/InputText.vue

@@ -17,7 +17,7 @@
   })
 
   const emit = defineEmits(['update:modelValue'])
-  const inp = ref<HTMLElement | null>(null as any)
+  const inp = ref<HTMLElement | null>(null)
   const cmp = computed({
     get() {
       return props.modelValue

src/pages/Editor.vue

@@ -10,9 +10,7 @@
 
 <script setup lang="ts">
   import { setTheme } from '@/plugin/theme/external'
-  import { ThemeNormalize } from '@/plugin/theme/utils'
   import { useContextStore } from '@/store/context'
-  import { useEditorStore } from '@/store/editor'
   import { useProjectStore } from '@/store/project'
   import { useEntity } from '@/use/entity'
   import { useEnv } from '@/use/env'
@@ -26,7 +24,6 @@
 
   const PROJECT = useProjectStore()
   const CONTEXT = useContextStore()
-  const EDITOR = useEditorStore()
 
   const keyboard = useKeyboard()
   const env = useEnv()