fix: lint not working

Author: zzhenryquezz

package-lock.json

@@ -29,11 +29,12 @@
         "@vitejs/plugin-vue": "^4.1.0",
         "eslint": "^8.38.0",
         "eslint-config-prettier": "^8.8.0",
-        "eslint-plugin-prettier": "^4.2.1",
+        "eslint-plugin-prettier": "^5.0.0",
         "eslint-plugin-vue": "^9.11.0",
         "fast-glob": "^3.2.12",
         "jsdom": "^22.1.0",
         "lodash": "^4.17.21",
+        "prettier": "3.0.0",
         "sinon": "^15.0.3",
         "typescript": "^4.9.5",
         "vite": "^4.2.1",

package.json

@@ -1,4 +1,4 @@
-import { ComponentMountingOptions, VueWrapper, mount } from '@vue/test-utils'
+import { ComponentMountingOptions, mount } from '@vue/test-utils'
 import { DefineComponent } from 'vue'
 import merge from 'lodash/merge'
 

packages/app/__tests__/fixtures/component.ts

@@ -1,9 +1,6 @@
 import { test, expect, describe, beforeEach } from 'vitest'
-import { mount } from '@vue/test-utils'
-import type { VueWrapper, MountingOptions } from '@vue/test-utils'
 
 import VCard from './VCard.vue'
-import VIcon from './VIcon.vue'
 import { useMountWrapper } from '__tests__/fixtures/component'
 
 describe('VCard.vue', () => {

packages/app/components/VCard.spec.ts

@@ -4,9 +4,11 @@ import get from 'lodash/get'
 
 import { isJSON } from '@composables/utils'
 
+// eslint-disable-next-line
 // @ts-ignore
 import { Chart } from 'chart.js/auto'
 
+// eslint-disable-next-line
 // @ts-ignore
 import annotationPlugin from 'chartjs-plugin-annotation'
 

packages/app/components/VChart.vue

@@ -84,7 +84,7 @@ const style = computed(() => {
         ref="root"
         class="absolute overflow-hidden top-0 h-full transition-transform duration-300 ease-in-out"
         :class="[right ? 'right-0' : 'left-0']"
-        :style="(style as any)"
+        :style="style as any"
     >
         <div
             class="w-full overflow-auto"

packages/app/components/VLayoutDrawer.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { ref } from 'vue'
 
-import debounce from 'lodash/debounce'
+import lodashDebounce from 'lodash/debounce'
 
 import { useVModel } from 'vue-wind/composables/v-model'
 
@@ -31,7 +31,7 @@ const model = useVModel(props, 'modelValue', emit)
 
 const startWidth = ref(props.modelValue)
 
-const drag = debounce((event: MouseEvent) => {
+const drag = lodashDebounce((event: MouseEvent) => {
     const width = Math.abs(startWidth.value + event.clientX - state.value.x)
 
     if (width % 4 !== 0) {
@@ -45,15 +45,15 @@ const drag = debounce((event: MouseEvent) => {
     model.value = width
 }, props.debounce)
 
-const stop = debounce(() => {
+const stop = lodashDebounce(() => {
     startWidth.value = model.value
     moving.value = false
 
     window.removeEventListener('mousemove', drag, false)
     window.removeEventListener('mouseup', stop, false)
 }, 50)
 
-const start = debounce((event: MouseEvent) => {
+const start = lodashDebounce((event: MouseEvent) => {
     moving.value = true
 
     state.value.x = event.clientX

packages/app/components/VResizeLine.vue

@@ -5,7 +5,6 @@ import { useEvaluation } from '@modules/evaluation/composables/use-evaluation'
 import Block from './Block.vue'
 import ANSICard from '@modules/evaluation/components/ANSICard.vue'
 import ToolbarBtn from './ToolbarBtn.vue'
-import { useStore } from '@modules/entry/store'
 import { resolvers } from '@modules/block-editor/composables/resolvers'
 
 const MonacoEditor = defineAsyncComponent(
@@ -23,8 +22,6 @@ const code = ref(model.value.body)
 const evaluation = useEvaluation()
 const output = ref<string[]>([])
 
-const drive = useStore()
-
 evaluation.setResolvers(resolvers)
 
 async function run() {

packages/app/modules/block-editor/components/BlockScript.vue

@@ -1,5 +1,5 @@
 import { useMountWrapper } from '__tests__/fixtures/component'
-import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest'
+import { afterEach, describe, expect, it, vi } from 'vitest'
 
 import { create, key } from '../composables/editor'
 import { MarkdownNode } from '@language-kit/markdown'

packages/app/modules/block-editor/components/Editor.spec.ts

@@ -1,4 +1,4 @@
-import { afterEach, describe, expect, it, vi } from 'vitest'
+import { afterEach, describe, expect, it } from 'vitest'
 
 import NewBlockMenu from './NewBlockMenu.vue'
 

packages/app/modules/block-editor/components/NewBlockMenu.spec.ts

@@ -1,9 +1,5 @@
 <script setup lang="ts">
 import { useI18n } from 'vue-i18n'
-import BlockHeading from './BlockHeading.vue'
-import BlockParagraph from './BlockParagraph.vue'
-import BlockScript from './BlockScript.vue'
-import BlockChart from './BlockChart.vue'
 import {
     MarkdownNode,
     MarkdownNodeComponent,

packages/app/modules/block-editor/components/NewBlockMenu.vue

@@ -122,13 +122,15 @@ describe('ToolbarTextFormat (unit)', () => {
                 //
             }
 
-            vi.spyOn(document, 'addEventListener').mockImplementation((name, cb: () => void) => {
+            const implementation = (name: string, cb: () => void) => {
                 if (name === 'selectionchange') {
                     onSelectionChange = cb
                 }
-            })
+            }
+
+            vi.spyOn(document, 'addEventListener').mockImplementation(implementation as any)
 
-            const wrapper = component.mount({
+            component.mount({
                 attachTo: document.body,
             })
 

packages/app/modules/block-editor/components/ToolbarTextFormat.spec.ts

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { useEventListener, useTextSelection } from '@vueuse/core'
+import { useEventListener } from '@vueuse/core'
 import ToolbarBtn from './ToolbarBtn.vue'
 
 const emit = defineEmits(['change'])

packages/app/modules/block-editor/components/ToolbarTextFormat.vue

@@ -4,7 +4,6 @@ import { useEvaluation } from '@modules/evaluation/composables/use-evaluation'
 import { defineResolver } from '@modules/evaluation/helpers/define-resolver'
 import { useItemStore } from '@modules/item/store'
 
-
 export const resolvers = [
     defineResolver({
         test: (id) => id === 'app:drive',
@@ -40,7 +39,7 @@ export const resolvers = [
         test: (id) => id.startsWith('/'),
         resolve: async (id) => {
             const drive = useStore()
-            
+
             const bytes = await drive.read({
                 path: id,
             })

packages/app/modules/block-editor/composables/resolvers.ts

@@ -2,9 +2,8 @@ import { faker } from '@faker-js/faker'
 import { test, expect, describe, beforeEach, afterEach } from 'vitest'
 import { mount } from '@vue/test-utils'
 import { setActivePinia, createPinia } from 'pinia'
-import i18n from '@plugins/i18n'
 
-import type { VueWrapper, MountingOptions, ComponentMountingOptions } from '@vue/test-utils'
+import type { VueWrapper, ComponentMountingOptions } from '@vue/test-utils'
 
 import ViewTable from '@index-san/core/entities/view-table'
 import Collection from '@index-san/core/entities/collection'

packages/app/modules/collection/components/CTable.spec.ts

@@ -519,7 +519,7 @@ onKeyStroke(['d'], (e) => e.ctrlKey && duplicate())
                 >
                     <template #item="{ item, index, select }">
                         <v-tr
-                            :ref="(el: any) => trRef[index] = el"
+                            :ref="(el: any) => (trRef[index] = el)"
                             class="cursor-pointer hover:bg-b-secondary focus:outline-0"
                             :class="[selected.includes(index) ? 'bg-b-secondary' : '']"
                             tabindex="0"

packages/app/modules/entry/pages/EFolder.vue

@@ -5,7 +5,6 @@ export default {
 </script>
 <script setup lang="ts">
 import { ref, watch } from 'vue'
-import { useI18n } from 'vue-i18n'
 import debounce from 'lodash/debounce'
 
 import DirectoryEntry from '@index-san/core/entities/directory-entry'
@@ -59,19 +58,6 @@ watch(() => props.path, setContent, {
 })
 
 watch(content, save)
-
-// save
-
-// mode
-const tm = useI18n()
-
-const mode = ref('edit')
-
-const modeLabels: Record<typeof mode.value, string> = {
-    'edit': tm.t('editMode'),
-    'side-by-side': tm.t('sideBySide'),
-    'view': tm.t('view'),
-}
 </script>
 <template>
     <m-editor v-if="!loading" v-model="content" />

packages/app/modules/entry/pages/EMarkdown.vue

@@ -1,4 +1,4 @@
-import { Lexer, TokenType } from '@language-kit/lexer'
+import { Lexer } from '@language-kit/lexer'
 import { Node } from '../types/node'
 import { Processor } from '../types/processor'
 import { ParserToken } from '../types/token'

packages/app/modules/evaluation/parser/parser.ts

@@ -1,6 +1,5 @@
 import { TokenType } from '@language-kit/lexer'
 import { defineProcessor } from '../helpers/define-processor'
-import { Node, NodeType } from '../types/node'
 
 export default defineProcessor({
     order: 98,

packages/app/modules/evaluation/parser/processor.eof.ts

@@ -1,7 +1,7 @@
 import { describe, it, expect } from 'vitest'
 
 import { createParser } from './parser'
-import { NodeExport, NodeImport, NodeType } from '../types/node'
+import { NodeExport, NodeType } from '../types/node'
 
 describe('Processor import', () => {
     const parser = createParser()

packages/app/modules/evaluation/parser/processor.export.spec.ts

@@ -1,7 +1,7 @@
 import { describe, it, expect } from 'vitest'
 
 import { createParser } from './parser'
-import { NodeFunction, NodeType, NodeVariable } from '../types/node'
+import { NodeFunction, NodeType } from '../types/node'
 
 describe('Processor Function', () => {
     const parser = createParser()

packages/app/modules/evaluation/parser/processor.function.spec.ts

@@ -1,6 +1,6 @@
 import { TokenType } from '@language-kit/lexer'
 import { defineProcessor } from '../helpers/define-processor'
-import { Node, NodeFunction, NodeType } from '../types/node'
+import { NodeFunction, NodeType } from '../types/node'
 import { ParserToken } from '../types/token'
 
 function findName(tokens: ParserToken[]) {

packages/app/modules/evaluation/parser/processor.function.ts

@@ -1,6 +1,6 @@
 import { TokenType } from '@language-kit/lexer'
 import { defineProcessor } from '../helpers/define-processor'
-import { NodeImport, NodeType, NodeVariable } from '../types/node'
+import { NodeImport, NodeType } from '../types/node'
 import { ParserToken } from '../types/token'
 
 const quotes = [`'`, `"`, '`']

packages/app/modules/evaluation/parser/processor.import.ts

@@ -1,6 +1,6 @@
 import { TokenType } from '@language-kit/lexer'
 import { defineProcessor } from '../helpers/define-processor'
-import { Node, NodeType, NodeVariable } from '../types/node'
+import { NodeType, NodeVariable } from '../types/node'
 import { ParserToken } from '../types/token'
 import { useTokenHelper } from '../helpers/token-helper'