Update linter rules

Author: davidmyersdev

.eslintrc

@@ -1,39 +1,26 @@
 {
-  "extends": ["@antfu/ts", "plugin:solid/typescript"],
+  "extends": ["artisan", "plugin:solid/typescript"],
   "plugins": ["solid"],
   "rules": {
-    "@typescript-eslint/brace-style": [2, "1tbs"],
-    "@typescript-eslint/consistent-type-definitions": [0, {}],
-    "@typescript-eslint/indent": [0, {}],
-    "@typescript-eslint/member-delimiter-style": [
-      2,
-      {
-        "multiline": {
-          "delimiter": "comma"
-        },
-        "singleline": {
-          "delimiter": "comma"
-        }
-      }
-    ],
-    "@typescript-eslint/no-use-before-define": [0, {}],
-    "antfu/if-newline": [0, {}],
-    "curly": [0, {}],
-    "indent": ["error", 2],
-    "multiline-ternary": [0, {}],
-    "solid/components-return-once": [0, {}]
+    "solid/components-return-once": ["off", {}]
   },
   "overrides": [
     {
-      "files": "./.github/**/*",
+      "files": ["./**/*.md/*.ts"],
+      "rules": {
+        "@typescript-eslint/no-unused-vars": ["off"]
+      }
+    },
+    {
+      "files": ["./src/index.tsx"],
       "rules": {
-        "yml/no-empty-mapping-value": [0, {}]
+        "eslint-comments/no-unlimited-disable": ["off", {}]
       }
     },
     {
-      "files": "./src/index.tsx",
+      "files": ["./types/**/*"],
       "rules": {
-        "eslint-comments/no-unlimited-disable": [0, {}]
+        "@typescript-eslint/no-namespace": ["off"]
       }
     }
   ]

README.md

@@ -115,29 +115,23 @@ The `ink-mde/vue` subpath exports a Vue 3 component.
 #### Minimal setup
 
 ```vue
-<template>
-  <InkMde v-model="markdown" />
-</template>
-
 <script lang="ts" setup>
 import InkMde from 'ink-mde/vue'
 import { ref } from 'vue'
 
 const markdown = ref('# Hello, World!')
 </script>
+
+<template>
+  <InkMde v-model="markdown" />
+</template>
 ```
 
 #### Custom Options
 
 The Vue component forwards all options that `ink-mde` supports, and it uses a deep watcher to ensure your `options` are reactive.
 
 ```vue
-<template>
-  <input v-model="options.interface.appearance" type="radio" value="dark"> dark
-  <input v-model="options.interface.appearance" type="radio" value="light"> light
-  <InkMde v-model="markdown" :options="options" />
-</template>
-
 <script lang="ts" setup>
 import InkMde from 'ink-mde/vue'
 import { reactive, ref } from 'vue'
@@ -149,6 +143,12 @@ const options = reactive({
   },
 })
 </script>
+
+<template>
+  <input v-model="options.interface.appearance" type="radio" value="dark"> dark
+  <input v-model="options.interface.appearance" type="radio" value="light"> light
+  <InkMde v-model="markdown" :options="options" />
+</template>
 ```
 
 ### Examples for `ink-mde/svelte`

package.json

@@ -151,7 +151,6 @@
     "style-mod": "^4.1.0"
   },
   "devDependencies": {
-    "@antfu/eslint-config-ts": "^0.43.1",
     "@rollup/plugin-alias": "^5.1.0",
     "@types/express": "^4.17.21",
     "@types/katex": "^0.16.7",
@@ -160,6 +159,7 @@
     "@vue/tsconfig": "^0.5.1",
     "embedme": "github:davidmyersdev/embedme#live-fork",
     "eslint": "^8.56.0",
+    "eslint-config-artisan": "^0.3.0",
     "eslint-plugin-solid": "^0.13.1",
     "express": "^4.18.2",
     "jsdom": "^23.0.1",

plugins/katex/index.ts

@@ -1,8 +1,8 @@
 import { HighlightStyle, syntaxHighlighting } from '@codemirror/language'
 import { EditorView } from '@codemirror/view'
 import { plugin, pluginTypes } from 'ink-mde'
-import { useModule } from '/src/modules'
 import { buildBlockWidgetDecoration, buildLineDecoration, buildWidget, nodeDecorator } from '/lib/codemirror-kit'
+import { useModule } from '/src/modules'
 import { grammar, mathInline, mathInlineMark, mathInlineMarkClose, mathInlineMarkOpen } from './grammar'
 
 const render = (text: string, element: HTMLElement) => {