Add es lint and fix all linting issues

.github/workflows/build-vue.yml

@@ -0,0 +1,27 @@
+name: Build Vue
+
+on:
+  push:
+    branches:
+      - main
+  pull_request:
+    branches:
+      - main
+
+jobs:
+  eslint:
+    runs-on: ubuntu-latest
+    strategy:
+      fail-fast: true
+      matrix:
+        php: [8.4]
+
+    steps:
+      - name: Use Node.js 22
+        uses: actions/setup-node@v4
+        with:
+          node-version: 22
+          cache: 'npm'
+      - run: npm install
+
+      - run: npm run build

.github/workflows/eslint.yml

@@ -0,0 +1,27 @@
+name: Run JS Linter
+
+on:
+  push:
+    branches:
+      - main
+  pull_request:
+    branches:
+      - main
+
+jobs:
+  eslint:
+    runs-on: ubuntu-latest
+    strategy:
+      fail-fast: true
+      matrix:
+        php: [8.4]
+
+    steps:
+      - name: Use Node.js 22
+        uses: actions/setup-node@v4
+        with:
+          node-version: 22
+          cache: 'npm'
+      - run: npm install
+
+      - run: npm run lint

.github/workflows/lint.yml → .github/workflows/php-lint.yml

@@ -1,4 +1,4 @@
-name: Run Linter
+name: Run PHP Linter
 
 on:
   push:
@@ -9,7 +9,7 @@ on:
       - main
 
 jobs:
-  lint:
+  phpLint:
     runs-on: ubuntu-latest
     strategy:
       fail-fast: true

eslint.config.js

@@ -0,0 +1,47 @@
+import eslint from '@eslint/js';
+import eslintPluginVue from 'eslint-plugin-vue';
+import globals from 'globals';
+import typescriptEslint from 'typescript-eslint';
+import {includeIgnoreFile} from "@eslint/compat";
+import path from "node:path";
+import {fileURLToPath} from "node:url";
+
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
+const gitignorePath = path.resolve(__dirname, ".gitignore");
+
+/** @type {import('eslint').Linter.Config[]} */
+export default [
+	includeIgnoreFile(gitignorePath),
+	{
+		files: [".resources/js/**/*.{js,mjs,cjs,ts,vue}"],
+	},
+	{
+		files: [".resources/js/**/*.js"], languageOptions: {sourceType: "script"},
+	},
+	eslint.configs.recommended,
+	...typescriptEslint.configs.recommended,
+	...eslintPluginVue.configs['flat/recommended'],
+	{
+		files: ['**/*.{ts,vue}'],
+			languageOptions: {
+            ecmaVersion: 'latest',
+                sourceType: 'module',
+                globals: {
+					...globals.browser,
+					...globals.commonjs,
+					...{
+						"App": 'readonly',
+						"route": 'readonly',
+					}
+				},
+                parserOptions: {
+                parser: typescriptEslint.parser,
+            },
+        },
+		rules: {
+			"vue/html-indent": ["error", 4],
+			"vue/multi-word-component-names": ["off"]
+		}
+	}
+];