fix: build and tests paths

jest.config.js

@@ -2,4 +2,7 @@
 export default {
   preset: "ts-jest",
   testEnvironment: "node",
+  moduleNameMapper: {
+    "^@/(.*)$": "<rootDir>/src/$1",
+  },
 };

src/App.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import Life from "./components/Life.vue";
-import "./styles.css";
+import Life from "@/components/Life.vue";
+import "@/styles.css";
 </script>
 
 <template>

src/components/Cell.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { ALIVE, CellState } from "../types/life";
+import { ALIVE, CellState } from "@/types/life";
 
 defineProps<{
   state: CellState;

src/components/Life.vue

@@ -1,8 +1,8 @@
 <script setup lang="ts">
+import MatrixGrid from "@/components/MatrixGrid.vue";
+import { startGame } from "@/services/game";
+import { ALIVE as A, DEAD as D, Matrix } from "@/types/life";
 import { ref } from "vue";
-import { startGame } from "../services/game";
-import { ALIVE as A, DEAD as D, Matrix } from "../types/life";
-import MatrixGrid from "./MatrixGrid.vue";
 
 const planner: Matrix = [
   [D, D, D, D, D],
@@ -13,7 +13,6 @@ const planner: Matrix = [
 ];
 
 // prettier-ignore
-
 const plannerCannon: Matrix = [
     [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0],
     [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0],

src/components/MatrixGrid.vue

@@ -1,8 +1,8 @@
 <script setup lang="ts">
+import Cell from "@/components/Cell.vue";
+import { Matrix } from "@/types/life";
 import { useElementSize } from "@vueuse/core";
 import { ref } from "vue";
-import { Matrix } from "../types/life";
-import Cell from "./Cell.vue";
 
 defineProps<{
   matrix: Matrix;

src/main.ts

@@ -1,4 +1,4 @@
 import { createApp } from "vue";
-import App from "./App.vue";
+import App from "@/App.vue";
 
 createApp(App).mount("#app");

src/rules/life.test.ts

@@ -1,4 +1,4 @@
-import { ALIVE, DEAD, Matrix } from "../types/life.ts";
+import { ALIVE, DEAD, Matrix } from "@/types/life.ts";
 
 import {
   getCellState,

src/rules/life.ts

@@ -4,7 +4,7 @@
  * Here should not appear code related to display, animations, startup state, etc.
  * So, only game rules in this file!
  */
-import { ALIVE, CellCoords, CellState, DEAD, Matrix } from "../types/life";
+import { ALIVE, CellCoords, CellState, DEAD, Matrix } from "@/types/life";
 
 const ALIVE_NEIGHBORS_CELLS_COUNT_TO_BORN = 3;
 const ALIVE_NEIGHBORS_CELLS_COUNT_TO_LIVE = [2, 3];

src/services/game.test.ts

@@ -1,6 +1,10 @@
-import { ALIVE, DEAD, Matrix } from "../types/life";
+import { ALIVE, DEAD, Matrix } from "@/types/life";
 
-import { getExtendedMatrix, getNextMatrix, matrixToString } from "./game.ts";
+import {
+  getExtendedMatrix,
+  getNextMatrix,
+  matrixToString,
+} from "@/services/game.ts";
 
 describe("matToString", () => {
   test("should return formated cells", () => {

src/services/game.ts

@@ -2,9 +2,9 @@
  * Separation of Concerns Principle :
  * Here should only appear code related to game start, run and display.
  */
-import { ALIVE, DEAD, Matrix } from "../types/life";
+import { ALIVE, DEAD, Matrix } from "@/types/life";
 
-import { getNextStepCellState } from "../rules/life.ts";
+import { getNextStepCellState } from "@/rules/life.ts";
 
 const FRAME_INTERVAL = 100;
 

src/vue-shim.d.ts

@@ -0,0 +1,5 @@
+declare module "*.vue" {
+  import { DefineComponent } from "vue";
+  const component: DefineComponent<{}, {}, any>;
+  export default component;
+}

tsconfig.json

@@ -19,7 +19,13 @@
     "strict": true,
     "noUnusedLocals": true,
     "noUnusedParameters": true,
-    "noFallthroughCasesInSwitch": true
+    "noFallthroughCasesInSwitch": true,
+
+    "paths": {
+      "@/*": [
+        "./src/*" // set path `@/*` as alias of `src/*`
+      ]
+    }
   },
   "include": ["src/**/*.ts", "src/**/*.d.ts", "src/**/*.tsx", "src/**/*.vue"],
   "references": [{ "path": "./tsconfig.node.json" }]

vite.config.ts

@@ -1,7 +1,13 @@
-import { defineConfig } from "vite";
 import vue from "@vitejs/plugin-vue";
+import path from "path";
+import { defineConfig } from "vite";
 
 // https://vitejs.dev/config/
 export default defineConfig({
   plugins: [vue()],
+  resolve: {
+    alias: {
+      "@": path.resolve(__dirname, "./src"),
+    },
+  },
 });