Merge remote-tracking branch 'origin/NSNG-401-typescript' into main

.eslintrc.cjs

@@ -0,0 +1,68 @@
+/* eslint-env node */
+require('@rushstack/eslint-patch/modern-module-resolution')
+
+module.exports = {
+  root: true,
+  'extends': [
+    'eslint:recommended',
+    '@vue/typescript/recommended',
+    'plugin:vue/vue3-recommended',
+    'plugin:prettier-vue/recommended',
+    'prettier',
+  ],
+  parserOptions: {
+    ecmaVersion: 'latest'
+  },
+  plugins: ['prettier', 'import'],
+  rules: {
+    'vue/no-deprecated-slot-attribute': 'off',
+    'vue/multi-word-component-names': 'off',
+    '@typescript-eslint/no-explicit-any': 'off',
+    'vue/component-name-in-template-casing': ['error', 'PascalCase'],
+    'vue/no-v-html': 'off',
+    'no-mixed-operators': 'off',
+    'vue/html-button-has-type': 'error',
+    'unicorn/prefer-includes': 'off',
+    'space-before-function-paren': 'off',
+    'curly': 'error',
+    '@typescript-eslint/no-var-requires': 'off',
+    'vue/valid-v-slot': 'off',
+    'vue/no-unused-vars': 'warn',
+    '@typescript-eslint/quotes': ['error', 'single'],
+    '@typescript-eslint/consistent-type-imports': ['off'],
+    "no-restricted-imports": ["error", {
+      "patterns": [".*"]
+    }],
+    'vue/component-tags-order': [
+      'error',
+      {
+        order: ['template', 'script', 'style'],
+      },
+    ],
+    'vue/define-macros-order': [
+      'error',
+      {
+        order: ['defineProps', 'defineEmits'],
+      },
+    ],
+    'import/order': [
+      'error',
+      {
+        'newlines-between': 'always',
+        'groups': [
+          'index',
+          ['sibling', 'parent'],
+          'internal',
+          'external',
+          'builtin',
+          'object',
+          'type',
+        ],
+      },
+    ],
+    'vue/v-on-event-hyphenation': 'off',
+    'vue/require-default-prop': 'off',
+    'prettier-vue/prettier': ['error'],
+    '@typescript-eslint/ban-ts-comment': 'off',
+  }
+}

.gitignore

@@ -25,6 +25,8 @@ dist-ssr
 *.sln
 *.sw?
 
+src/app.js
 auto-imports.d.ts
 components.d.ts
-/public/fonts/
+typed-router.d.ts
+/public/fonts/*

.husky/pre-commit

@@ -0,0 +1,4 @@
+#!/usr/bin/env sh
+. "$(dirname -- "$0")/_/husky.sh"
+
+npm run type-check

.prettierrc.json

@@ -0,0 +1,11 @@
+{
+  "$schema": "https://json.schemastore.org/prettierrc",
+  "trailingComma": "es5",
+  "semi": false,
+  "singleQuote": true,
+  "useTabs": false,
+  "quoteProps": "consistent",
+  "bracketSpacing": true,
+  "arrowParens": "always",
+  "printWidth": 100
+}

.vscode/extensions.json

@@ -1,3 +1,4 @@
 {
-  "recommendations": ["Vue.volar", "Vue.vscode-typescript-vue-plugin"]
+  "recommendations": ["Vue.volar", "Vue.vscode-typescript-vue-plugin"],
+  "typescript.preferences.autoImportFileExcludePatterns": ["vue-router"]
 }

env.d.ts

@@ -0,0 +1 @@
+/// <reference types="vite/client" />

index.html

@@ -13,9 +13,9 @@
     <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#000000">
     <meta name="theme-color" content="#ffffff">
     <title>Atlas SNG</title>
-    <script type="module" src="/src/app.js"></script>
+    <script type="module" src="/src/app.ts"></script>
     <!-- @todo: add Clarity + GTM when runing in production -->
-    <!-- 
+    <!--
     @if (App::environment('production'))
         {{-- Clarity --}}
         <script type="text/javascript">

manual.d.ts

@@ -1,7 +0,0 @@
-// TODO: move after refactoring
-
-declare module 'vue-router' {
-    interface RouteMeta {
-        title: string
-    }
-}