Sync with templates (#5)

Makefile

@@ -1,5 +1,8 @@
 # Makefile for local development
 
+sync:
+	npm init @novomanu/project-cli
+
 rebuild_backend:
 	docker-compose down -v
 	docker-compose run backend npm run rebuild

backend/Dockerfile

@@ -10,7 +10,7 @@ RUN mkdir -p /home/node/app
 WORKDIR /home/node/app
 
 # Install app dependencies
-# A wildcard is used to ensure both [[m]]package.json AND package-lock.json are copied
+# A wildcard is used to ensure both package.json AND package-lock.json are copied
 # where available (npm@5+)
 COPY --chown=node package*.json ./
 

frontend/eslintrc.cjs

@@ -4,7 +4,7 @@ require("@rushstack/eslint-patch/modern-module-resolution");
 module.exports = {
   root: true,
   extends: [
-    "plugin:vue/test-composable-recommended",
+    "plugin:vue/vue3-recommended",
     "eslint:recommended",
     "@vue/eslint-config-prettier",
   ],

frontend/package.json

@@ -5,15 +5,18 @@
     "dev": "vite",
     "build": "vite build",
     "preview": "vite preview --port 5050",
-    "test:unit": "vitest --environment jsdom",
-    "lint": "eslint . --ext .vue,.js,.jsx,.cjs,.mjs --fix --ignore-path .gitignore"
+    "test:unit": "vitest",
+    "lint": "eslint . --ext .vue,.js,.jsx,.cjs,.mjs --fix --ignore-path .gitignore",
+    "test": "vitest"
   },
   "dependencies": {
+    "axios": "^1.1.3",
     "pinia": "^2.0.14",
     "vue": "^3.2.35",
     "vue-router": "^4.0.15"
   },
   "devDependencies": {
+    "@pinia/testing": "^0.0.14",
     "@rushstack/eslint-patch": "^1.1.3",
     "@vitejs/plugin-vue": "^2.3.3",
     "@vue/eslint-config-prettier": "^7.0.0",

frontend/src/assets/scss/scaffolding.scss

@@ -1,12 +1,14 @@
+@use "ds-system/ds.scss";
+
 body {
   display: flex;
   flex-direction: column;
 
   min-width: 960px;
   min-height: 100vh;
 
-  color: $black;
-  background-color: $white;
+  color: ds.$black;
+  background-color: ds.$white;
 
   font-family: "Roboto", Arial, sans-serif;
   font-size: 14px;