Sync with template

Author: xyz27900

Makefile

@@ -10,7 +10,7 @@ start_project:
 
 run_server:
 	docker-compose down -v
-	docker-compose up backend --build
+	docker-compose up --build backend
 
 run_tests:
 	cd frontend; echo "...Starting frontend tests" && \

demo/package-lock.json

@@ -8,6 +8,7 @@
     "lint": "eslint . --ext .vue,.js,.jsx,.cjs,.mjs --fix --ignore-path .gitignore"
   },
   "dependencies": {
+    "pinia": "^2.0.23",
     "vue": "^3.2.35",
     "vue-router": "^4.0.15"
   },

demo/package.json

@@ -2,18 +2,18 @@
   <div class="main-container">
     <div class="cards">
       <demo-menu-card
-        v-for="({ name, text, link }, index) in cards"
+        v-for="({ name, text, path }, index) in routes"
         :key="index"
         :name="name"
         :text="text"
-        :link="link"/>
+        :link="path"/>
     </div>
   </div>
 </template>
 
 <script setup>
 import DemoMenuCard from './DemoMenuCard.vue'
-import cards from '../routes'
+import routes from '../routes'
 </script>
 
 <style lang="scss" scoped>

demo/src/components/DemoMenu.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="card">
-    <h2 class="card__title">{{ name }}</h2>
+    <h2 class="card__title">{{name}}</h2>
     <p class="card__apply">
       <router-link class="card__link" :to="link">Перейти к демонстрации</router-link>
     </p>

demo/src/components/DemoMenuCard.vue

@@ -1,4 +1,5 @@
 import { createApp } from "vue";
+import { createPinia } from "pinia";
 
 import App from "./App.vue";
 import router from "./router";
@@ -7,4 +8,6 @@ const app = createApp(App);
 
 app.use(router);
 
+app.use(createPinia());
+
 app.mount("#app");

demo/src/main.js

@@ -1,4 +1,5 @@
 import { createRouter, createWebHistory } from "vue-router";
+import routes from '../routes'
 
 const router = createRouter({
   history: createWebHistory(import.meta.env.BASE_URL),
@@ -7,7 +8,8 @@ const router = createRouter({
       path: "/",
       name: "home",
       component: () => import("../components/DemoMenu.vue"),
-    }
+    },
+    ...routes,
   ],
 });