feat: Integrate eslint into script

Author: cizil-keyvalue

.eslintrc.cjs

@@ -63,7 +63,6 @@ module.exports = {
     'vue/html-indent': 'off',
     'vue/max-attributes-per-line': 'off',
     'no-spaced-func': 'off',
-    '@typescript-eslint/consistent-type-imports': 'error',
     'vuejs-accessibility/form-control-has-label': 'off',
     'vue/first-attribute-linebreak': 'off',
     indent: ['off'],

package.json

@@ -10,7 +10,8 @@
     "dev": "vite",
     "build": "vite build && vue-tsc",
     "types": "vue-tsc ",
-    "preview": "vite preview"
+    "preview": "vite preview",
+    "lint": "eslint . --ext .vue,.js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts --fix --ignore-path .gitignore"
   },
   "repository": {
     "type": "git",
@@ -29,7 +30,13 @@
   },
   "homepage": "https://github.com/KeyValueSoftwareSystems/siren-vue-inbox#readme",
   "devDependencies": {
+    "@types/node": "^20.2.5",
+    "@typescript-eslint/parser": "^7.5.0",
     "@vitejs/plugin-vue": "^5.0.4",
+    "@vue/eslint-config-airbnb": "^8.0.0",
+    "@vue/eslint-config-prettier": "^9.0.0",
+    "@vue/eslint-config-typescript": "^13.0.0",
+    "eslint-plugin-vue": "^9.24.0",
     "path": "^0.12.7",
     "typescript": "^5.3.3",
     "vite": "^5.1.6",

src/components/SirenInbox.vue

@@ -1,3 +1,3 @@
 <template>
     Siren
-</template>
+</template>

src/index.ts

@@ -1,3 +1,3 @@
-import SirenInbox from "./components/SirenInbox.vue";
+import SirenInbox from './components/SirenInbox.vue';
 
 export { SirenInbox };

vite.config.ts

@@ -1,23 +1,23 @@
-import { defineConfig } from "vite";
-import path from "path";
-import vue from "@vitejs/plugin-vue";
-import cssInjectedByJsPlugin from "vite-plugin-css-injected-by-js";
+import { defineConfig } from 'vite';
+import path from 'path';
+import vue from '@vitejs/plugin-vue';
+import cssInjectedByJsPlugin from 'vite-plugin-css-injected-by-js';
 
 export default defineConfig({
   plugins: [vue(), cssInjectedByJsPlugin()],
   build: {
     lib: {
-      entry: path.resolve(__dirname, "src/index.ts"),
-      name: "Siren",
-      fileName: "@siren/vue-inbox",
+      entry: path.resolve(__dirname, 'src/index.ts'),
+      name: 'Siren',
+      fileName: '@siren/vue-inbox'
     },
     rollupOptions: {
-      external: ["vue"],
+      external: ['vue'],
       output: {
         globals: {
-          vue: "Vue",
-        },
-      },
-    },
-  },
+          vue: 'Vue'
+        }
+      }
+    }
+  }
 });