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/preview/Demo.vue

@@ -87,6 +87,7 @@
 
 <script>
 import { getDebugJSON } from '@tiptap/core'
+
 import DemoFrame from './DemoFrame.vue'
 import Shiki from './Shiki.vue'
 

demos/preview/Shiki.vue

@@ -4,11 +4,12 @@
 </template>
 
 <script>
-import Worker from './shiki.worker?worker'
 // this import is a bugfix
 // otherwise the `onig.wasm` file is missing in the dist folder
 import 'shiki/dist/onig.wasm?url'
 
+import Worker from './shiki.worker?worker'
+
 export default {
   props: {
     code: {

demos/preview/index.js

@@ -1,11 +1,13 @@
+import 'iframe-resizer/js/iframeResizer.contentWindow'
+import './style.css'
+
+import { demos } from '@demos'
+import iframeResize from 'iframe-resizer/js/iframeResizer'
 import { createApp } from 'vue'
 import { createRouter, createWebHistory } from 'vue-router'
-import App from './index.vue'
+
 import Demo from './Demo.vue'
-import { demos } from '@demos'
-import 'iframe-resizer/js/iframeResizer.contentWindow'
-import iframeResize from 'iframe-resizer/js/iframeResizer'
-import './style.css'
+import App from './index.vue'
 
 const routes = demos
   .map(({ name, tabs }) => {

demos/preview/shiki.worker.js

@@ -1,15 +1,15 @@
 import * as shiki from 'shiki'
 import onigasm from 'shiki/dist/onig.wasm?url'
-import theme from 'shiki/themes/material-darker.json'
+import langCSS from 'shiki/languages/css.tmLanguage.json'
 import langHTML from 'shiki/languages/html.tmLanguage.json'
 import langJS from 'shiki/languages/javascript.tmLanguage.json'
 import langJSX from 'shiki/languages/jsx.tmLanguage.json'
-import langTS from 'shiki/languages/typescript.tmLanguage.json'
-import langTSX from 'shiki/languages/tsx.tmLanguage.json'
-import langVueHTML from 'shiki/languages/vue-html.tmLanguage.json'
-import langVue from 'shiki/languages/vue.tmLanguage.json'
-import langCSS from 'shiki/languages/css.tmLanguage.json'
 import langSCSS from 'shiki/languages/scss.tmLanguage.json'
+import langTSX from 'shiki/languages/tsx.tmLanguage.json'
+import langTS from 'shiki/languages/typescript.tmLanguage.json'
+import langVue from 'shiki/languages/vue.tmLanguage.json'
+import langVueHTML from 'shiki/languages/vue-html.tmLanguage.json'
+import theme from 'shiki/themes/material-darker.json'
 
 let highlighter = null