Add ESLint linting and other refactoring

.editorconfig

@@ -0,0 +1,10 @@
+root = true
+
+[*]
+charset = utf-8
+end_of_line = lf
+indent_size = 2
+indent_style = space
+trim_trailing_whitespace = true
+insert_final_newline = true
+max_line_length = 120

.eslintrc.cjs

@@ -0,0 +1,99 @@
+// @ts-check
+const { defineConfig } = require('eslint-define-config');
+require('@rushstack/eslint-patch/modern-module-resolution');
+
+module.exports = defineConfig({
+  root: true,
+  env: {
+    browser: true,
+    node: true,
+    es2022: true,
+  },
+  overrides: [
+    {
+      files: ['*.vue', '*.ts'],
+      extends: [
+        'plugin:tailwindcss/recommended',
+        'plugin:vue/vue3-recommended',
+        'plugin:@typescript-eslint/recommended-requiring-type-checking',
+        '@vue/eslint-config-airbnb-with-typescript',
+      ],
+      plugins: [
+        'simple-import-sort',
+      ],
+      parser: 'vue-eslint-parser',
+      parserOptions: {
+        parser: '@typescript-eslint/parser',
+        ecmaVersion: 'latest',
+      },
+      rules: {
+        // Eslint rules
+        'no-console': 'error',
+        'no-param-reassign': 'off',
+
+        // Plugins rules
+        'import/prefer-default-export': 'off',
+        'import/first': 'error',
+        'import/newline-after-import': 'error',
+        'import/no-duplicates': 'error',
+        'import/order': 'off',
+        'simple-import-sort/imports': ['error', {
+          groups: [
+            // Node.js builtins prefixed with `node:`.
+            // Packages, things that start with a letter (or digit or underscore), or `@` followed by a letter.
+            // Absolute imports and other imports such as Vue-style `@/foo`.
+            // Anything not matched in another group.
+            ['^node:', '^@?\\w', '^'],
+            // Relative imports.
+            // Anything that starts with a dot.
+            ['^\\.'],
+            // Side effect imports.
+            ['^\\u0000'],
+          ],
+        }],
+        'simple-import-sort/exports': 'error',
+        'tailwindcss/no-custom-classname': 'off',
+
+        // TypeScript rules
+        // https://typescript-eslint.io/rules/#extension-rules
+        '@typescript-eslint/array-type': ['error', {
+          default: 'array',
+        }],
+        '@typescript-eslint/ban-types': 'error',
+        '@typescript-eslint/consistent-type-imports': ['error', {
+          fixStyle: 'inline-type-imports',
+        }],
+        '@typescript-eslint/member-delimiter-style': 'error',
+        '@typescript-eslint/naming-convention': 'off',
+        '@typescript-eslint/no-import-type-side-effects': 'error',
+
+        // Vue rules
+        'vue/max-len': ['error', 120, 2, {
+          ignoreUrls: true,
+          ignoreComments: false,
+          ignoreRegExpLiterals: true,
+          ignoreStrings: true,
+          ignoreTemplateLiterals: true,
+          ignoreHTMLAttributeValues: true,
+          ignoreHTMLTextContents: false,
+        }],
+        'vue/multi-word-component-names': 'off',
+        'vue/html-closing-bracket-spacing': ['error', {
+          startTag: 'never',
+          endTag: 'never',
+          selfClosingTag: 'never',
+        }],
+      },
+    },
+    {
+      files: ['*.*js'],
+      extends: [
+        '@vue/eslint-config-airbnb',
+      ],
+      rules: {
+        'global-require': 'off',
+        'vue/max-len': ['error', 120],
+      },
+    },
+  ],
+});

.github/workflows/ci.yaml

@@ -0,0 +1,22 @@
+on: pull_request
+jobs:
+  build:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v3
+      - uses: actions/setup-node@v3
+        with:
+          node-version: 'lts/*'
+
+      - name: Install modules
+        run: npm ci
+
+      - name: Save Code Linting Report JSON
+        run: npx eslint --output-file eslint_report.json --format json .
+        # Continue to the next step even if this fails
+        continue-on-error: true
+
+      - name: Annotate Code Linting Results
+        uses: ataylorme/eslint-annotate-action@v2
+        with:
+          markdown-report-on-step-summary: true

index.html

@@ -1,14 +1,14 @@
 <!DOCTYPE html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <link rel="icon" type="image/svg+xml" href="/icon.svg" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Insalan</title>
-  </head>
-  <body>
-    <div id="app" class="flex flex-col min-h-screen">
-    </div>
-    <script type="module" src="/src/main.ts"></script>
-  </body>
+<html lang="fr">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
+  <meta name="description" content="Insalan">
+  <title>Insalan</title>
+  <script type="module" src="/src/main.ts"></script>
+  <link rel="icon" type="image/svg+xml" href="/icon.svg"/>
+</head>
+<body>
+<div id="app"></div>
+</body>
 </html>