add precommit hook for linting and automatic eslint fixes + update eslint packages (#2862)

* chore: add precommit hook for eslint fixes, fix linting issues
* chore: add eslint import sort plugin

demos/src/Experiments/Linter/Vue/extension/Linter.ts

@@ -1,7 +1,8 @@
 import { Extension } from '@tiptap/core'
-import { Decoration, DecorationSet } from 'prosemirror-view'
-import { Plugin, PluginKey, TextSelection } from 'prosemirror-state'
 import { Node as ProsemirrorNode } from 'prosemirror-model'
+import { Plugin, PluginKey, TextSelection } from 'prosemirror-state'
+import { Decoration, DecorationSet } from 'prosemirror-view'
+
 import LinterPlugin, { Result as Issue } from './LinterPlugin'
 
 interface IconDivElement extends HTMLDivElement {
@@ -26,10 +27,12 @@ function runAllLinterPlugins(doc: ProsemirrorNode, plugins: Array<typeof LinterP
   }).flat()
 
   results.forEach(issue => {
-    decorations.push(Decoration.inline(issue.from, issue.to, {
-      class: 'problem',
-    }),
-    Decoration.widget(issue.from, renderIcon(issue)))
+    decorations.push(
+      Decoration.inline(issue.from, issue.to, {
+        class: 'problem',
+      }),
+      Decoration.widget(issue.from, renderIcon(issue)),
+    )
   })
 
   return DecorationSet.create(doc, decorations)

demos/src/Experiments/Linter/Vue/extension/index.ts

@@ -4,5 +4,5 @@ export * from './Linter'
 export default Linter
 
 export { BadWords } from './plugins/BadWords'
-export { Punctuation } from './plugins/Punctuation'
 export { HeadingLevel } from './plugins/HeadingLevel'
+export { Punctuation } from './plugins/Punctuation'

demos/src/Experiments/Linter/Vue/extension/plugins/BadWords.ts

@@ -15,7 +15,8 @@ export class BadWords extends LinterPlugin {
       if (matches) {
         this.record(
           `Try not to say '${matches[0]}'`,
-          position + matches.index, position + matches.index + matches[0].length,
+          position + matches.index,
+          position + matches.index + matches[0].length,
         )
       }
     })

demos/src/Experiments/Linter/Vue/extension/plugins/HeadingLevel.ts

@@ -1,4 +1,5 @@
 import { EditorView } from 'prosemirror-view'
+
 import LinterPlugin, { Result as Issue } from '../LinterPlugin'
 
 export class HeadingLevel extends LinterPlugin {
@@ -17,9 +18,12 @@ export class HeadingLevel extends LinterPlugin {
         const { level } = node.attrs
 
         if (lastHeadLevel != null && level > lastHeadLevel + 1) {
-          this.record(`Heading too small (${level} under ${lastHeadLevel})`,
-            position + 1, position + 1 + node.content.size,
-            this.fixHeader(lastHeadLevel + 1))
+          this.record(
+            `Heading too small (${level} under ${lastHeadLevel})`,
+            position + 1,
+            position + 1 + node.content.size,
+            this.fixHeader(lastHeadLevel + 1),
+          )
         }
         lastHeadLevel = level
       }

demos/src/Experiments/Linter/Vue/extension/plugins/Punctuation.ts

@@ -1,4 +1,5 @@
 import { EditorView } from 'prosemirror-view'
+
 import LinterPlugin, { Result as Issue } from '../LinterPlugin'
 
 export class Punctuation extends LinterPlugin {
@@ -8,7 +9,8 @@ export class Punctuation extends LinterPlugin {
     return function ({ state, dispatch }: EditorView, issue: Issue) {
       dispatch(
         state.tr.replaceWith(
-          issue.from, issue.to,
+          issue.from,
+          issue.to,
           state.schema.text(replacement),
         ),
       )
@@ -30,7 +32,8 @@ export class Punctuation extends LinterPlugin {
       if (matches) {
         this.record(
           'Suspicious spacing around punctuation',
-          position + matches.index, position + matches.index + matches[0].length,
+          position + matches.index,
+          position + matches.index + matches[0].length,
           this.fix(`${matches[1]} `),
         )
       }

demos/src/Experiments/Linter/Vue/index.vue

@@ -5,12 +5,13 @@
 </template>
 
 <script>
-import { Editor, EditorContent } from '@tiptap/vue-3'
 import Document from '@tiptap/extension-document'
-import Text from '@tiptap/extension-text'
-import Paragraph from '@tiptap/extension-paragraph'
 import Heading from '@tiptap/extension-heading'
-import Linter, { BadWords, Punctuation, HeadingLevel } from './extension'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import { Editor, EditorContent } from '@tiptap/vue-3'
+
+import Linter, { BadWords, HeadingLevel, Punctuation } from './extension'
 
 export default {
   components: {