Merge branch 'dev' into feat/themes-languages

.github/PULL_REQUEST_TEMPLATE.md

@@ -0,0 +1,28 @@
+<!-- Beschrijf wat deze pull request doet. Voeg een samenvatting van de wijzigingen en de reden voor de wijzigingen toe. -->
+
+## Context
+
+<!-- Geef extra context en uitleg waarom bepaalde keuzes zijn gemaakt in deze pull request. -->
+
+## Screenshots
+
+<!-- Voeg indien van toepassing screenshots toe om je wijzigingen uit te leggen. -->
+
+## Aanvullende opmerkingen
+
+<!-- Voeg eventuele andere informatie toe waarvan reviewers op de hoogte moeten zijn. -->
+
+<!-- Lijst eventuele gerelateerde issues. Gebruik het formaat `Fixes #<issue_number>` om het issue automatisch te sluiten wanneer de PR wordt gemerged. -->
+- Fixes #
+
+<!--
+## Richtlijnen
+
+Zorg ervoor dat het volgende in orde is voordat je de pull request indient:
+
+- De code volgt de stijlrichtlijnen van dit project.
+- Je hebt een zelfreview van de code uitgevoerd.
+- Je hebt de documentatie bijgewerkt waar nodig.
+- Alle nieuwe en bestaande unittests slagen (lokaal).
+- Je hebt de juiste labels ingesteld op deze pull request.
+-->

CONTRIBUTING.md

@@ -1,40 +1,67 @@
 # Hoe bijdragen aan Dwengo-1?
 
+Bedankt dat je wil bijdragen aan Dwengo-1!
+Hieronder vind je enkele richtlijnen om je op weg te helpen.
+
+Over het algemeen bestaat de workflow uit de volgende stappen:
+
+1. [Een issue aanmaken](#issues)
+2. [Een branch maken](#workflow)
+3. [Code schrijven](#coding-conventions)
+4. [Werk committen](#commits)
+5. [Een pull request maken](#pull-request)
+
 ## Issues
 
-Maak gebruik van de [label set](https://github.com/SELab-2/Dwengo-1/labels).
+Als je een issue aanmaakt is het belangrijk om zo veel mogelijk (relevante) informatie te geven.
+Om je op weg te helpen zijn er [templates](.github/ISSUE_TEMPLATE) voorzien.
+Gebruik deze om alle nodige informatie te verzamelen.
 
-Voor bug reports:
+Gebruik de juiste [labels](https://github.com/SELab-2/Dwengo-1/labels) om te helpen een onderscheid te maken tussen verschillende categorieën issues.
 
-Geef zo veel mogelijk informatie. Als er error berichten zijn, graag in tekst bijvoegen. Geen screenshots van error
+Ken jezelf toe aan een issue als je eraan werkt, zodat er beter een overzicht bewaard kan worden.
-messages, enkel van visuele bugs.
+Op die manier vermijd je onnodig werk.
-
-Ken jezelf toe aan een issue als je eraan werkt, zodat iedereen een overzicht heeft van waar aan gewerkt wordt en door
-wie. Zo wordt onnodig werk vermeden.
 
 ## Workflow
 
-We zullen [Gitflow](https://www.atlassian.com/git/tutorials/comparing-workflows/gitflow-workflow) gebruiken
+Dit project maakt gebruik van (een minder strenge versie van) [Gitflow](https://www.atlassian.com/git/tutorials/comparing-workflows/gitflow-workflow).
+Dat betekent dat verschillende branches een verschillende rol hebben.
+Nieuwe branches worden aangemaakt vanuit `dev` en worden gemerged naar `dev`.
 
-Lees [hier](wiki) meer over deze beslissing
+Een overzicht:
 
-Concreet:
+- `main`: Hier worden enkel de releases gemerged. Elke merge naar `main` moet een release zijn, aangeduid met een tag (`v1.2.3`).
-
+- `dev`: Jouw branch hoort hiervan af te takken.
-- `main`
-    - Incl. tags (`v1.2.3`)
-- `dev`
     - `feat/my-feat`: Voor features die uit geen of meer dan 1 issue bestaan
     - `feat/this-#x`: Voor features die aan een issue gelinkt kunnen worden
     - `fix/something-#x`: Voor (minder dringende) bug fixes. Bug fixes worden aan een issue gelinkt.
-- `release/x.y.z`: Release prep branch
+- `release/x.y.z`: Voorbereidingen voor een release. Hier worden enkel bug fixes en hotfixes gemerged.
+
+Lees [hier](https://github.com/SELab-2/Dwengo-1/wiki/Developmentstrategie-keuzes#gitflow) meer over de beslissing om Gitflow te gebruiken.
+
+We hebben ervoor gekozen om `main` en `dev` te beschermen.
+Zie ook [pull request](#pull-request).
+
+## Coding conventions
+
+Om de code consistent te houden, maken dit project gebruik van enkele tools:
+
+- Formatting: [Prettier](https://prettier.io/), zorgt ervoor dat de code consistent geformatteerd is.
+- Linting: [ESLint](https://typescript-eslint.io/), zorgt er o.a. voor dat de code geen "slechte" constructies bevat.
+
+Je kan ze handmatig uitvoeren met `npm run lint` en `npm run format`.
+
+Deze tools worden niet standaard automatisch uitgevoerd bij een commit.
+Automatisch uitvoeren bij een commit kan met [git hooks](https://git-scm.com/docs/githooks).
 
 ## Commits
 
-Maken gebruik van [conventional commits](https://www.conventionalcommits.org/)
+**Conventionele commits**
 
-Lees [hier](wiki) meer over deze beslissing
+Dit project maakt gebruik van [conventional commits](https://www.conventionalcommits.org/).
 
-Concreet:
+Dit betekent dat elke commit een duidelijke boodschap moet hebben, die volgens een bepaald formaat is opgesteld.
+In het kort ziet dat er zo uit:
 
 ```
 <type>(<optional scope>): <description>
@@ -43,29 +70,36 @@ type options:
     feat, fix, refactor, test, docs, build, ci, chore, ...
 ```
 
-Als je een commit 'fixt', gebruik dan [
+Lees [hier](https://github.com/SELab-2/Dwengo-1/wiki/Developmentstrategie-keuzes#conventionele-commits) meer over de beslissing om conventionele commits te gebruiken.
-`git commit --fixup`](https://git-scm.com/docs/git-commit#Documentation/git-commit.txt---fixupamendrewordltcommitgt)
 
-Als je een commit niet alleen hebt geschreven, maak dan
+**Andere tips**
-een [commit met meerdere auteurs](https://docs.github.com/en/pull-requests/committing-changes-to-your-project/creating-and-editing-commits/creating-a-commit-with-multiple-authors).
 
-## Pull request...
+Als je een commit 'fixt', gebruik dan [`git commit --fixup`](https://git-scm.com/docs/git-commit#Documentation/git-commit.txt---fixupamendrewordltcommitgt)
 
-Als je aan visuele features werkt, voeg dan een screenshot van de omgeving van de feature toe, voor en nadat de feature
+Als je een commit niet alleen hebt geschreven, maak dan een [commit met meerdere auteurs](https://docs.github.com/en/pull-requests/committing-changes-to-your-project/creating-and-editing-commits/creating-a-commit-with-multiple-authors).
-geïmplementeerd werd.
 
-Start een draft pull request vanaf je een nieuwe feature branch pusht naar de server.
+## Pull request
 
-Policies
+Eens je code hebt geschreven en gecommit, is het tijd om een pull request te maken.
+Het is fijn als je meteen ([draft](https://docs.github.com/en/pull-requests/collaborating-with-pull-requests/proposing-changes-to-your-work-with-pull-requests/about-pull-requests#draft-pull-requests)) pull requests maakt, zodat anderen kunnen meekijken en feedback kunnen geven.
 
-- naar `main`: kan enkel vanuit `release/x.y.z`
+Om je op weg te helpen is er een [template](.github/PULL_REQUEST_TEMPLATE.md) voorzien.
-- naar `dev`: wordt nagekeken alvorens te mergen
+Door deze in te vullen, zorg je ervoor dat de reviewer een duidelijk beeld heeft van wat je hebt gedaan.
-- elders: vrije keuze
 
-## Coding conventions
+Als je aan visuele features werkt, voeg dan een screenshot van de omgeving van de feature toe, voor en na dat de feature geïmplementeerd werd.
 
-- Formatting: [Prettier](https://prettier.io/)
+**Branch protection**
-- Linting: Maak gebruik van [ESLint](https://typescript-eslint.io/) of aan de hand van de [
-  `npm` commando's](package.json).
 
-Voel je vrij om zelf commit hooks te installeren, maar we dwingen dit niet af.
+Je zult merken dat sommige branches [beschermd](https://docs.github.com/en/github/administering-a-repository/about-protected-branches) zijn.
+Dit betekent dat je niet zomaar kan mergen naar deze branches:
+
+- `main`: kan enkel vanuit `release/x.y.z`
+- `dev`: wordt nagekeken alvorens te mergen
+
+Elders kan je vrij mergen.
+
+Het zou kunnen dat je code bepaalde checks moet doorstaan alvorens te mergen.
+Dit kan gaan van een simpele lint check tot een volledige test suite die moet slagen.
+Tag gerust een maintainer als je denkt dat je code klaar is om gemerged te worden.
+
+## Dankjewel!

README.md

@@ -5,15 +5,15 @@
 OneDrive</a></span>
 <span><a href="https://www.figma.com/files/project/339220191" alt="Figma sjabloon">
 Figma</a></span>
-<span><a href="../Dwengo-opgave" alt="projectopgave">
+<span><a href="https://github.com/SELab-2/Dwengo-opgave" alt="projectopgave">
 Projectopgave</a></span>
 </p>
 
 <ul align="center" style="list-style-type: none">
-<li>Projectleider: Fransisco Van Langenhove (@Gabriellvl)</li>
+<li>Projectleider: Fransisco Van Langenhove (<a href="https://github.com/Gabriellvl">@Gabriellvl</a>)</li>
-<li>Technische lead: Tibo De Peuter (@tdpeuter)</li>
+<li>Technische lead: Tibo De Peuter (<a href="https://github.com/tdpeuter">@tdpeuter</a>)</li>
-<li>Systeembeheerder: Timo De Meyst (@kloep1)</li>
+<li>Systeembeheerder: Timo De Meyst (<a href="https://github.com/kloep1">@kloep1</a>)</li>
-<li>Customer relations officer: Adriaan Jacquet (@WhisperinCheetah)</li>
+<li>Customer relations officer: Adriaan Jacquet (<a href="https://github.com/WhisperinCheetah">@WhisperinCheetah</a>)</li>
 </ul>
 
 Dit is de monorepo voor [Dwengo-1](https://sel2-1.ugent.be), een interactief leerplatform waar leerkrachten opdrachten
@@ -23,28 +23,31 @@ en lessen kunnen samenstellen hun leerlingen en hun vooruitgang kunnen opvolgen.
 
 ### Quick start
 
-1. Installeer Docker en Docker Compose op je systeem (zie [Docker](https://docs.docker.com/get-docker/)).
+1. Installeer Docker en Docker Compose op je systeem (zie [Docker](https://docs.docker.com/get-docker/) en [Docker Compose](https://docs.docker.com/compose/)).
-2. Clone de repository.
+2. Clone deze repository.
-3. Voer `docker-compose up` uit in de root van de repository.
+3. Voer `docker compose up` uit in de root van de repository.
 
 ```bash
 docker compose version
 git clone https://github.com/SELab-2/Dwengo-1.git
 cd Dwengo-1
-docker-compose up
+docker compose up
 ```
 
 ### Handmatige installatie
 
-Zie de submappen voor de installatie-instructies van de verschillende services.
+Zie de submappen voor de installatie-instructies van de [frontend](./frontend/README.md) en [backend](./backend/README.md).
 
 ## Architectuur
 
-```
+![Architectuur](./docs/architecture/schema.png)
-hier overzichtsdiagram invoegen
-```
 
-We maken gebruik van ... Meer informatie over deze ontwerpsbeslissingen kan je vinden in de [architectuurdocumentatie](./architectuur).
+De tech-stack bestaat uit:
+
+- **Frontend**: TypeScript + Vue.js + Vuetify
+- **Backend**: TypeScript + Node.js + Express.js + TypeORM + PostgreSQL
+
+Voor meer informatie over de keuze van deze tech-stack, zie [designkeuzes](https://github.com/SELab-2/Dwengo-1/wiki/Design-keuzes).
 
 ## Bijdragen aan Dwengo-1
 

backend/README.md

@@ -0,0 +1,22 @@
+# dwengo-1-backend
+
+## Project setup
+
+```shell
+npm install
+```
+
+Setup the environment variables in a `.env` file in the root of the project. You can use the `.env.example` file as a template.
+
+### Development
+
+```shell
+npm run dev
+```
+
+### Production
+
+```shell
+npm run build
+npm run start
+```

docs/architecture/schema.py

@@ -0,0 +1,30 @@
+from diagrams import Cluster, Diagram
+from diagrams.custom import Custom
+from diagrams.onprem.certificates import LetsEncrypt
+from diagrams.onprem.container import Docker
+from diagrams.onprem.database import PostgreSQL
+from diagrams.onprem.logging import Loki
+from diagrams.onprem.monitoring import Grafana
+from diagrams.onprem.network import Nginx
+from diagrams.programming.framework import Vue
+from diagrams.programming.language import Nodejs
+from diagrams.programming.flowchart import InputOutput
+
+with Diagram("Dwengo-1 architectuur", filename="docs/architecture/schema", show=False):
+    reverse_proxy = Nginx("reverse proxy")
+    reverse_proxy >> LetsEncrypt("SSL")
+
+    with Cluster("Docker"):
+        Docker()
+
+        frontend = Vue("/")
+        backend = Nodejs("/api")
+        reverse_proxy >> frontend
+        frontend >> backend >> InputOutput("MikroORM") >> PostgreSQL()
+
+        backend >> Loki("logging") >> Grafana("monitoring")
+
+    with Cluster("Dwengo"):
+        dwengo = Custom("Dwengo", "../../assets/img/dwengo-groen-zwart.png")
+
+    backend >> dwengo

docs/requirements.txt

@@ -0,0 +1 @@
+diagrams==0.24.1

frontend/README.md

@@ -6,6 +6,8 @@ This template should help get you started developing with Vue 3 in Vite.
 
 [VSCode](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (and disable Vetur).
 
+Webstorm should work out of the box.
+
 ## Type Support for `.vue` Imports in TS
 
 TypeScript cannot handle type information for `.vue` imports by default, so we replace the `tsc` CLI with `vue-tsc` for type checking. In editors, we need [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) to make the TypeScript language service aware of `.vue` types.

frontend/src/App.vue

@@ -1,91 +1,10 @@
 <script setup lang="ts">
-    import { RouterLink, RouterView } from "vue-router";
-    import HelloWorld from "./components/HelloWorld.vue";
 </script>
 
 <template>
-    <header>
+    <router-view/>
-        <img
-            alt="Vue logo"
-            class="logo"
-            src="@/assets/logo.svg"
-            width="125"
-            height="125"
-        />
-
-        <div class="wrapper">
-            <HelloWorld msg="You did it!" />
-
-            <nav>
-                <RouterLink to="/">Home</RouterLink>
-                <RouterLink to="/about">About</RouterLink>
-            </nav>
-        </div>
-    </header>
-
-    <RouterView />
 </template>
 
 <style scoped>
-    header {
-        line-height: 1.5;
-        max-height: 100vh;
-    }
 
-    .logo {
-        display: block;
-        margin: 0 auto 2rem;
-    }
-
-    nav {
-        width: 100%;
-        font-size: 12px;
-        text-align: center;
-        margin-top: 2rem;
-    }
-
-    nav a.router-link-exact-active {
-        color: var(--color-text);
-    }
-
-    nav a.router-link-exact-active:hover {
-        background-color: transparent;
-    }
-
-    nav a {
-        display: inline-block;
-        padding: 0 1rem;
-        border-left: 1px solid var(--color-border);
-    }
-
-    nav a:first-of-type {
-        border: 0;
-    }
-
-    @media (min-width: 1024px) {
-        header {
-            display: flex;
-            place-items: center;
-            padding-right: calc(var(--section-gap) / 2);
-        }
-
-        .logo {
-            margin: 0 2rem 0 0;
-        }
-
-        header .wrapper {
-            display: flex;
-            place-items: flex-start;
-            flex-wrap: wrap;
-        }
-
-        nav {
-            text-align: left;
-            margin-left: -1rem;
-            font-size: 1rem;
-
-            padding: 1rem 0;
-            margin-top: 1rem;
-        }
-    }
 </style>

frontend/src/components/BrowseThemes.vue

@@ -0,0 +1,11 @@
+<script setup lang="ts">
+// This component contains a list with all themes and will be shown on a student's and teacher's homepage.
+</script>
+
+<template>
+    <main></main>
+</template>
+
+<style scoped>
+
+</style>

frontend/src/components/LearningPath.vue

@@ -0,0 +1,11 @@
+<script setup lang="ts">
+
+</script>
+
+<template>
+    <main></main>
+</template>
+
+<style scoped>
+
+</style>

frontend/src/components/MenuBar.vue

@@ -0,0 +1,11 @@
+<script setup lang="ts">
+
+</script>
+
+<template>
+<main></main>
+</template>
+
+<style scoped>
+
+</style>

frontend/src/components/TheWelcome.vue

@@ -1,178 +0,0 @@
-<script setup lang="ts">
-    import WelcomeItem from "./WelcomeItem.vue";
-    import DocumentationIcon from "./icons/IconDocumentation.vue";
-    import ToolingIcon from "./icons/IconTooling.vue";
-    import EcosystemIcon from "./icons/IconEcosystem.vue";
-    import CommunityIcon from "./icons/IconCommunity.vue";
-    import SupportIcon from "./icons/IconSupport.vue";
-
-    function openReadmeInEditor() {
-        return fetch("/__open-in-editor?file=README.md");
-    }
-</script>
-
-<template>
-    <WelcomeItem>
-        <template #icon>
-            <DocumentationIcon />
-        </template>
-        <template #heading>Documentation</template>
-
-        Vue’s
-        <a
-            href="https://vuejs.org/"
-            target="_blank"
-            rel="noopener"
-            >official documentation</a
-        >
-        provides you with all information you need to get started.
-    </WelcomeItem>
-
-    <WelcomeItem>
-        <template #icon>
-            <ToolingIcon />
-        </template>
-        <template #heading>Tooling</template>
-
-        This project is served and bundled with
-        <a
-            href="https://vite.dev/guide/features.html"
-            target="_blank"
-            rel="noopener"
-            >Vite</a
-        >. The recommended IDE setup is
-        <a
-            href="https://code.visualstudio.com/"
-            target="_blank"
-            rel="noopener"
-            >VSCode</a
-        >
-        +
-        <a
-            href="https://github.com/johnsoncodehk/volar"
-            target="_blank"
-            rel="noopener"
-            >Volar</a
-        >. If you need to test your components and web pages, check out
-        <a
-            href="https://vitest.dev/"
-            target="_blank"
-            rel="noopener"
-            >Vitest</a
-        >
-        and
-        <a
-            href="https://www.cypress.io/"
-            target="_blank"
-            rel="noopener"
-            >Cypress</a
-        >
-        /
-        <a
-            href="https://playwright.dev/"
-            target="_blank"
-            rel="noopener"
-            >Playwright</a
-        >.
-
-        <br />
-
-        More instructions are available in
-        <a
-            href="javascript:void(0)"
-            @click="openReadmeInEditor"
-            ><code>README.md</code></a
-        >.
-    </WelcomeItem>
-
-    <WelcomeItem>
-        <template #icon>
-            <EcosystemIcon />
-        </template>
-        <template #heading>Ecosystem</template>
-
-        Get official tools and libraries for your project:
-        <a
-            href="https://pinia.vuejs.org/"
-            target="_blank"
-            rel="noopener"
-            >Pinia</a
-        >,
-        <a
-            href="https://router.vuejs.org/"
-            target="_blank"
-            rel="noopener"
-            >Vue Router</a
-        >,
-        <a
-            href="https://test-utils.vuejs.org/"
-            target="_blank"
-            rel="noopener"
-            >Vue Test Utils</a
-        >, and
-        <a
-            href="https://github.com/vuejs/devtools"
-            target="_blank"
-            rel="noopener"
-            >Vue Dev Tools</a
-        >. If you need more resources, we suggest paying
-        <a
-            href="https://github.com/vuejs/awesome-vue"
-            target="_blank"
-            rel="noopener"
-            >Awesome Vue</a
-        >
-        a visit.
-    </WelcomeItem>
-
-    <WelcomeItem>
-        <template #icon>
-            <CommunityIcon />
-        </template>
-        <template #heading>Community</template>
-
-        Got stuck? Ask your question on
-        <a
-            href="https://chat.vuejs.org"
-            target="_blank"
-            rel="noopener"
-            >Vue Land</a
-        >
-        (our official Discord server), or
-        <a
-            href="https://stackoverflow.com/questions/tagged/vue.js"
-            target="_blank"
-            rel="noopener"
-            >StackOverflow</a
-        >. You should also follow the official
-        <a
-            href="https://bsky.app/profile/vuejs.org"
-            target="_blank"
-            rel="noopener"
-            >@vuejs.org</a
-        >
-        Bluesky account or the
-        <a
-            href="https://x.com/vuejs"
-            target="_blank"
-            rel="noopener"
-            >@vuejs</a
-        >
-        X account for latest news in the Vue world.
-    </WelcomeItem>
-
-    <WelcomeItem>
-        <template #icon>
-            <SupportIcon />
-        </template>
-        <template #heading>Support Vue</template>
-
-        As an independent project, Vue relies on community backing for its sustainability. You can help us by
-        <a
-            href="https://vuejs.org/sponsor/"
-            target="_blank"
-            rel="noopener"
-            >becoming a sponsor</a
-        >.
-    </WelcomeItem>
-</template>

frontend/src/components/WelcomeItem.vue

@@ -1,87 +0,0 @@
-<template>
-    <div class="item">
-        <i>
-            <slot name="icon"></slot>
-        </i>
-        <div class="details">
-            <h3>
-                <slot name="heading"></slot>
-            </h3>
-            <slot></slot>
-        </div>
-    </div>
-</template>
-
-<style scoped>
-    .item {
-        margin-top: 2rem;
-        display: flex;
-        position: relative;
-    }
-
-    .details {
-        flex: 1;
-        margin-left: 1rem;
-    }
-
-    i {
-        display: flex;
-        place-items: center;
-        place-content: center;
-        width: 32px;
-        height: 32px;
-
-        color: var(--color-text);
-    }
-
-    h3 {
-        font-size: 1.2rem;
-        font-weight: 500;
-        margin-bottom: 0.4rem;
-        color: var(--color-heading);
-    }
-
-    @media (min-width: 1024px) {
-        .item {
-            margin-top: 0;
-            padding: 0.4rem 0 1rem calc(var(--section-gap) / 2);
-        }
-
-        i {
-            top: calc(50% - 25px);
-            left: -26px;
-            position: absolute;
-            border: 1px solid var(--color-border);
-            background: var(--color-background);
-            border-radius: 8px;
-            width: 50px;
-            height: 50px;
-        }
-
-        .item:before {
-            content: " ";
-            border-left: 1px solid var(--color-border);
-            position: absolute;
-            left: 0;
-            bottom: calc(50% + 25px);
-            height: calc(50% - 25px);
-        }
-
-        .item:after {
-            content: " ";
-            border-left: 1px solid var(--color-border);
-            position: absolute;
-            left: 0;
-            top: calc(50% + 25px);
-            height: calc(50% - 25px);
-        }
-
-        .item:first-of-type:before {
-            display: none;
-        }
-
-        .item:last-of-type:after {
-            display: none;
-        }
-    }
-</style>

frontend/src/components/__tests__/HelloWorld.spec.ts

@@ -1,7 +1,7 @@
 import { describe, it, expect } from "vitest";
 
 import { mount } from "@vue/test-utils";
-import HelloWorld from "../HelloWorld.vue";
+import HelloWorld from "./HelloWorld.vue";
 
 describe("HelloWorld", () => {
     it("renders properly", () => {

frontend/src/components/errors/NotFound.vue

@@ -0,0 +1,11 @@
+<script setup lang="ts">
+
+</script>
+
+<template>
+    <b>404 - Page Not Found</b>
+</template>
+
+<style scoped>
+
+</style>

frontend/src/components/icons/IconCommunity.vue

@@ -1,12 +0,0 @@
-<template>
-    <svg
-        xmlns="http://www.w3.org/2000/svg"
-        width="20"
-        height="20"
-        fill="currentColor"
-    >
-        <path
-            d="M15 4a1 1 0 1 0 0 2V4zm0 11v-1a1 1 0 0 0-1 1h1zm0 4l-.707.707A1 1 0 0 0 16 19h-1zm-4-4l.707-.707A1 1 0 0 0 11 14v1zm-4.707-1.293a1 1 0 0 0-1.414 1.414l1.414-1.414zm-.707.707l-.707-.707.707.707zM9 11v-1a1 1 0 0 0-.707.293L9 11zm-4 0h1a1 1 0 0 0-1-1v1zm0 4H4a1 1 0 0 0 1.707.707L5 15zm10-9h2V4h-2v2zm2 0a1 1 0 0 1 1 1h2a3 3 0 0 0-3-3v2zm1 1v6h2V7h-2zm0 6a1 1 0 0 1-1 1v2a3 3 0 0 0 3-3h-2zm-1 1h-2v2h2v-2zm-3 1v4h2v-4h-2zm1.707 3.293l-4-4-1.414 1.414 4 4 1.414-1.414zM11 14H7v2h4v-2zm-4 0c-.276 0-.525-.111-.707-.293l-1.414 1.414C5.42 15.663 6.172 16 7 16v-2zm-.707 1.121l3.414-3.414-1.414-1.414-3.414 3.414 1.414 1.414zM9 12h4v-2H9v2zm4 0a3 3 0 0 0 3-3h-2a1 1 0 0 1-1 1v2zm3-3V3h-2v6h2zm0-6a3 3 0 0 0-3-3v2a1 1 0 0 1 1 1h2zm-3-3H3v2h10V0zM3 0a3 3 0 0 0-3 3h2a1 1 0 0 1 1-1V0zM0 3v6h2V3H0zm0 6a3 3 0 0 0 3 3v-2a1 1 0 0 1-1-1H0zm3 3h2v-2H3v2zm1-1v4h2v-4H4zm1.707 4.707l.586-.586-1.414-1.414-.586.586 1.414 1.414z"
-        />
-    </svg>
-</template>

frontend/src/components/icons/IconDocumentation.vue

@@ -1,12 +0,0 @@
-<template>
-    <svg
-        xmlns="http://www.w3.org/2000/svg"
-        width="20"
-        height="17"
-        fill="currentColor"
-    >
-        <path
-            d="M11 2.253a1 1 0 1 0-2 0h2zm-2 13a1 1 0 1 0 2 0H9zm.447-12.167a1 1 0 1 0 1.107-1.666L9.447 3.086zM1 2.253L.447 1.42A1 1 0 0 0 0 2.253h1zm0 13H0a1 1 0 0 0 1.553.833L1 15.253zm8.447.833a1 1 0 1 0 1.107-1.666l-1.107 1.666zm0-14.666a1 1 0 1 0 1.107 1.666L9.447 1.42zM19 2.253h1a1 1 0 0 0-.447-.833L19 2.253zm0 13l-.553.833A1 1 0 0 0 20 15.253h-1zm-9.553-.833a1 1 0 1 0 1.107 1.666L9.447 14.42zM9 2.253v13h2v-13H9zm1.553-.833C9.203.523 7.42 0 5.5 0v2c1.572 0 2.961.431 3.947 1.086l1.107-1.666zM5.5 0C3.58 0 1.797.523.447 1.42l1.107 1.666C2.539 2.431 3.928 2 5.5 2V0zM0 2.253v13h2v-13H0zm1.553 13.833C2.539 15.431 3.928 15 5.5 15v-2c-1.92 0-3.703.523-5.053 1.42l1.107 1.666zM5.5 15c1.572 0 2.961.431 3.947 1.086l1.107-1.666C9.203 13.523 7.42 13 5.5 13v2zm5.053-11.914C11.539 2.431 12.928 2 14.5 2V0c-1.92 0-3.703.523-5.053 1.42l1.107 1.666zM14.5 2c1.573 0 2.961.431 3.947 1.086l1.107-1.666C18.203.523 16.421 0 14.5 0v2zm3.5.253v13h2v-13h-2zm1.553 12.167C18.203 13.523 16.421 13 14.5 13v2c1.573 0 2.961.431 3.947 1.086l1.107-1.666zM14.5 13c-1.92 0-3.703.523-5.053 1.42l1.107 1.666C11.539 15.431 12.928 15 14.5 15v-2z"
-        />
-    </svg>
-</template>

frontend/src/components/icons/IconEcosystem.vue

@@ -1,12 +0,0 @@
-<template>
-    <svg
-        xmlns="http://www.w3.org/2000/svg"
-        width="18"
-        height="20"
-        fill="currentColor"
-    >
-        <path
-            d="M11.447 8.894a1 1 0 1 0-.894-1.789l.894 1.789zm-2.894-.789a1 1 0 1 0 .894 1.789l-.894-1.789zm0 1.789a1 1 0 1 0 .894-1.789l-.894 1.789zM7.447 7.106a1 1 0 1 0-.894 1.789l.894-1.789zM10 9a1 1 0 1 0-2 0h2zm-2 2.5a1 1 0 1 0 2 0H8zm9.447-5.606a1 1 0 1 0-.894-1.789l.894 1.789zm-2.894-.789a1 1 0 1 0 .894 1.789l-.894-1.789zm2 .789a1 1 0 1 0 .894-1.789l-.894 1.789zm-1.106-2.789a1 1 0 1 0-.894 1.789l.894-1.789zM18 5a1 1 0 1 0-2 0h2zm-2 2.5a1 1 0 1 0 2 0h-2zm-5.447-4.606a1 1 0 1 0 .894-1.789l-.894 1.789zM9 1l.447-.894a1 1 0 0 0-.894 0L9 1zm-2.447.106a1 1 0 1 0 .894 1.789l-.894-1.789zm-6 3a1 1 0 1 0 .894 1.789L.553 4.106zm2.894.789a1 1 0 1 0-.894-1.789l.894 1.789zm-2-.789a1 1 0 1 0-.894 1.789l.894-1.789zm1.106 2.789a1 1 0 1 0 .894-1.789l-.894 1.789zM2 5a1 1 0 1 0-2 0h2zM0 7.5a1 1 0 1 0 2 0H0zm8.553 12.394a1 1 0 1 0 .894-1.789l-.894 1.789zm-1.106-2.789a1 1 0 1 0-.894 1.789l.894-1.789zm1.106 1a1 1 0 1 0 .894 1.789l-.894-1.789zm2.894.789a1 1 0 1 0-.894-1.789l.894 1.789zM8 19a1 1 0 1 0 2 0H8zm2-2.5a1 1 0 1 0-2 0h2zm-7.447.394a1 1 0 1 0 .894-1.789l-.894 1.789zM1 15H0a1 1 0 0 0 .553.894L1 15zm1-2.5a1 1 0 1 0-2 0h2zm12.553 2.606a1 1 0 1 0 .894 1.789l-.894-1.789zM17 15l.447.894A1 1 0 0 0 18 15h-1zm1-2.5a1 1 0 1 0-2 0h2zm-7.447-5.394l-2 1 .894 1.789 2-1-.894-1.789zm-1.106 1l-2-1-.894 1.789 2 1 .894-1.789zM8 9v2.5h2V9H8zm8.553-4.894l-2 1 .894 1.789 2-1-.894-1.789zm.894 0l-2-1-.894 1.789 2 1 .894-1.789zM16 5v2.5h2V5h-2zm-4.553-3.894l-2-1-.894 1.789 2 1 .894-1.789zm-2.894-1l-2 1 .894 1.789 2-1L8.553.106zM1.447 5.894l2-1-.894-1.789-2 1 .894 1.789zm-.894 0l2 1 .894-1.789-2-1-.894 1.789zM0 5v2.5h2V5H0zm9.447 13.106l-2-1-.894 1.789 2 1 .894-1.789zm0 1.789l2-1-.894-1.789-2 1 .894 1.789zM10 19v-2.5H8V19h2zm-6.553-3.894l-2-1-.894 1.789 2 1 .894-1.789zM2 15v-2.5H0V15h2zm13.447 1.894l2-1-.894-1.789-2 1 .894 1.789zM18 15v-2.5h-2V15h2z"
-        />
-    </svg>
-</template>

frontend/src/components/icons/IconSupport.vue

@@ -1,12 +0,0 @@
-<template>
-    <svg
-        xmlns="http://www.w3.org/2000/svg"
-        width="20"
-        height="20"
-        fill="currentColor"
-    >
-        <path
-            d="M10 3.22l-.61-.6a5.5 5.5 0 0 0-7.666.105 5.5 5.5 0 0 0-.114 7.665L10 18.78l8.39-8.4a5.5 5.5 0 0 0-.114-7.665 5.5 5.5 0 0 0-7.666-.105l-.61.61z"
-        />
-    </svg>
-</template>

frontend/src/components/icons/IconTooling.vue

@@ -1,19 +0,0 @@
-<!-- This icon is from <https://github.com/Templarian/MaterialDesign>, distributed under Apache 2.0 (https://www.apache.org/licenses/LICENSE-2.0) license-->
-<template>
-    <svg
-        xmlns="http://www.w3.org/2000/svg"
-        xmlns:xlink="http://www.w3.org/1999/xlink"
-        aria-hidden="true"
-        role="img"
-        class="iconify iconify--mdi"
-        width="24"
-        height="24"
-        preserveAspectRatio="xMidYMid meet"
-        viewBox="0 0 24 24"
-    >
-        <path
-            d="M20 18v-4h-3v1h-2v-1H9v1H7v-1H4v4h16M6.33 8l-1.74 4H7v-1h2v1h6v-1h2v1h2.41l-1.74-4H6.33M9 5v1h6V5H9m12.84 7.61c.1.22.16.48.16.8V18c0 .53-.21 1-.6 1.41c-.4.4-.85.59-1.4.59H4c-.55 0-1-.19-1.4-.59C2.21 19 2 18.53 2 18v-4.59c0-.32.06-.58.16-.8L4.5 7.22C4.84 6.41 5.45 6 6.33 6H7V5c0-.55.18-1 .57-1.41C7.96 3.2 8.44 3 9 3h6c.56 0 1.04.2 1.43.59c.39.41.57.86.57 1.41v1h.67c.88 0 1.49.41 1.83 1.22l2.34 5.39z"
-            fill="currentColor"
-        ></path>
-    </svg>
-</template>

frontend/src/main.ts

@@ -1,4 +1,3 @@
-import "./assets/main.css";
 import { createApp } from "vue";
 
 // Vuetify

frontend/src/router/index.ts

@@ -1,5 +1,20 @@
 import {createRouter, createWebHistory} from "vue-router";
-import HomeView from "../views/HomeView.vue";
+import MenuBar from "@/components/MenuBar.vue";
+import StudentHomepage from "@/views/StudentHomepage.vue";
+import StudentAssignments from "@/views/assignments/StudentAssignments.vue";
+import StudentClasses from "@/views/classes/StudentClasses.vue";
+import StudentDiscussions from "@/views/discussions/StudentDiscussions.vue";
+import TeacherHomepage from "@/views/TeacherHomepage.vue";
+import TeacherAssignments from "@/views/assignments/TeacherAssignments.vue";
+import TeacherClasses from "@/views/classes/TeacherClasses.vue";
+import TeacherDiscussions from "@/views/discussions/TeacherDiscussions.vue";
+import SingleAssignment from "@/views/assignments/SingleAssignment.vue";
+import SingleClass from "@/views/classes/SingleClass.vue";
+import SingleDiscussion from "@/views/discussions/SingleDiscussion.vue";
+import NotFound from "@/components/errors/NotFound.vue";
+import CreateClass from "@/views/classes/CreateClass.vue";
+import CreateAssignment from "@/views/assignments/CreateAssignment.vue";
+import CreateDiscussion from "@/views/discussions/CreateDiscussion.vue";
 
 const router = createRouter({
     history: createWebHistory(import.meta.env.BASE_URL),
@@ -7,17 +22,102 @@ const router = createRouter({
         {
             path: "/",
             name: "home",
-            component: HomeView,
+            component: () => {return import("../views/HomePage.vue")},
         },
         {
-            path: "/about",
+            path: "/login",
-            name: "about",
+            name: "LoginPage",
-            // Route level code-splitting
+            component: () => {return import("../views/LoginPage.vue")}
-            // This generates a separate chunk (About.[hash].js) for this route
-            // Which is lazy-loaded when the route is visited.
-            component: () => {
-                return import("../views/AboutView.vue");
         },
+        {
+            path: "/student/:id",
+            component: MenuBar,
+            children: [
+                {
+                    path: "home",
+                    name: "StudentHomePage",
+                    component: StudentHomepage
+                },
+                {
+                    path: "assignment",
+                    name: "StudentAssignments",
+                    component: StudentAssignments
+                },
+                {
+                    path: "class",
+                    name: "StudentClasses",
+                    component: StudentClasses
+                },
+                {
+                    path: "discussion",
+                    name: "StudentDiscussions",
+                    component: StudentDiscussions
+                },
+            ]
+        },
+
+        {
+            path: "/teacher/:id",
+            component: MenuBar,
+            children: [
+                {
+                    path: "home",
+                    name: "TeacherHomepage",
+                    component: TeacherHomepage
+                },
+                {
+                    path: "assignment",
+                    name: "TeacherAssignments",
+                    component: TeacherAssignments
+                },
+                {
+                    path: "class",
+                    name: "TeacherClasses",
+                    component: TeacherClasses
+                },
+                {
+                    path: "discussion",
+                    name: "TeacherDiscussions",
+                    component: TeacherDiscussions
+                },
+            ]
+        },
+        {
+            path: "/assignment/create",
+            name: "CreateAssigment",
+            component: CreateAssignment
+
+        },
+        {
+            path: "/assignment/:id",
+            name: "SingleAssigment",
+            component: SingleAssignment
+
+        },
+        {
+            path: "/class/create",
+            name: "CreateClass",
+            component: CreateClass
+        },
+        {
+            path: "/class/:id",
+            name: "SingleClass",
+            component: SingleClass
+        },
+        {
+            path: "/discussion/create",
+            name: "CreateDiscussion",
+            component: CreateDiscussion
+        },
+        {
+            path: "/discussion/:id",
+            name: "SingleDiscussion",
+            component: SingleDiscussion
+        },
+        {
+            path: "/:catchAll(.*)",
+            name: "NotFound",
+            component: NotFound,
         },
     ],
 });

frontend/src/views/AboutView.vue

@@ -1,16 +0,0 @@
-<template>
-    <div class="about">
-        <h1>This is an about page</h1>
-        <v-slider></v-slider>
-    </div>
-</template>
-
-<style>
-    @media (min-width: 1024px) {
-        .about {
-            min-height: 100vh;
-            display: flex;
-            align-items: center;
-        }
-    }
-</style>

frontend/src/views/HomePage.vue

@@ -1,9 +1,12 @@
 <script setup lang="ts">
-    import TheWelcome from "../components/TheWelcome.vue";
+
 </script>
 
 <template>
     <main>
-        <TheWelcome />
+        <b> Welcome to the dwengo homepage</b>
     </main>
 </template>
+<style scoped>
+
+</style>

frontend/src/views/LoginPage.vue

@@ -0,0 +1,10 @@
+<script setup lang="ts">
+</script>
+
+<template>
+    <main></main>
+</template>
+
+<style scoped>
+
+</style>

frontend/src/views/StudentHomepage.vue

@@ -0,0 +1,11 @@
+<script setup lang="ts">
+
+</script>
+
+<template>
+    <main></main>
+</template>
+
+<style scoped>
+
+</style>

frontend/src/views/TeacherHomepage.vue

@@ -0,0 +1,11 @@
+<script setup lang="ts">
+
+</script>
+
+<template>
+    <main></main>
+</template>
+
+<style scoped>
+
+</style>

frontend/src/views/assignments/CreateAssignment.vue

@@ -0,0 +1,11 @@
+<script setup lang="ts">
+
+</script>
+
+<template>
+    <main></main>
+</template>
+
+<style scoped>
+
+</style>

frontend/src/views/assignments/SingleAssignment.vue

@@ -0,0 +1,11 @@
+<script setup lang="ts">
+
+</script>
+
+<template>
+    <main></main>
+</template>
+
+<style scoped>
+
+</style>

frontend/src/views/assignments/StudentAssignments.vue

@@ -0,0 +1,11 @@
+<script setup lang="ts">
+
+</script>
+
+<template>
+    <main></main>
+</template>
+
+<style scoped>
+
+</style>

frontend/src/views/assignments/TeacherAssignments.vue

@@ -0,0 +1,11 @@
+<script setup lang="ts">
+
+</script>
+
+<template>
+    <main></main>
+</template>
+
+<style scoped>
+
+</style>

frontend/src/views/classes/CreateClass.vue

@@ -0,0 +1,11 @@
+<script setup lang="ts">
+
+</script>
+
+<template>
+    <main></main>
+</template>
+
+<style scoped>
+
+</style>

frontend/src/views/classes/SingleClass.vue

@@ -0,0 +1,11 @@
+<script setup lang="ts">
+
+</script>
+
+<template>
+    <main></main>
+</template>
+
+<style scoped>
+
+</style>

frontend/src/views/classes/StudentClasses.vue

@@ -0,0 +1,11 @@
+<script setup lang="ts">
+
+</script>
+
+<template>
+    <main></main>
+</template>
+
+<style scoped>
+
+</style>

frontend/src/views/classes/TeacherClasses.vue

@@ -0,0 +1,11 @@
+<script setup lang="ts">
+
+</script>
+
+<template>
+    <main></main>
+</template>
+
+<style scoped>
+
+</style>

frontend/src/views/discussions/CreateDiscussion.vue

@@ -0,0 +1,11 @@
+<script setup lang="ts">
+
+</script>
+
+<template>
+    <main></main>
+</template>
+
+<style scoped>
+
+</style>

frontend/src/views/discussions/SingleDiscussion.vue

@@ -0,0 +1,11 @@
+<script setup lang="ts">
+
+</script>
+
+<template>
+    <main></main>
+</template>
+
+<style scoped>
+
+</style>

frontend/src/views/discussions/StudentDiscussions.vue

@@ -0,0 +1,11 @@
+<script setup lang="ts">
+
+</script>
+
+<template>
+    <main></main>
+</template>
+
+<style scoped>
+
+</style>

frontend/src/views/discussions/TeacherDiscussions.vue

@@ -0,0 +1,11 @@
+<script setup lang="ts">
+
+</script>
+
+<template>
+    <main></main>
+</template>
+
+<style scoped>
+
+</style>

frontend/tsconfig.json

@@ -10,5 +10,8 @@
         {
             "path": "./tsconfig.vitest.json"
         }
-    ]
+    ],
+    "compilerOptions": {
+        "resolveJsonModule": true
+    }
 }

frontend/vite.config.ts

@@ -2,11 +2,10 @@ import { fileURLToPath, URL } from 'node:url';
 
 import { defineConfig } from 'vite';
 import vue from '@vitejs/plugin-vue';
-import vueDevTools from 'vite-plugin-vue-devtools';
 
 // https://vite.dev/config/
 export default defineConfig({
-    plugins: [vue(), vueDevTools()],
+    plugins: [vue()],
     resolve: {
         alias: {
             '@': fileURLToPath(new URL('./src', import.meta.url)),

package-lock.json

@@ -14,6 +14,7 @@
             ],
             "dependencies": {
                 "@types/js-yaml": "^4.0.9"
+                "vue-i18n": "^10.0.5"
             },
             "devDependencies": {
                 "@eslint/compat": "^1.2.6",
@@ -1474,6 +1475,50 @@
                 "url": "https://github.com/sponsors/nzakas"
             }
         },
+        "node_modules/@intlify/core-base": {
+            "version": "10.0.5",
+            "resolved": "https://registry.npmjs.org/@intlify/core-base/-/core-base-10.0.5.tgz",
+            "integrity": "sha512-F3snDTQs0MdvnnyzTDTVkOYVAZOE/MHwRvF7mn7Jw1yuih4NrFYLNYIymGlLmq4HU2iIdzYsZ7f47bOcwY73XQ==",
+            "license": "MIT",
+            "dependencies": {
+                "@intlify/message-compiler": "10.0.5",
+                "@intlify/shared": "10.0.5"
+            },
+            "engines": {
+                "node": ">= 16"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/kazupon"
+            }
+        },
+        "node_modules/@intlify/message-compiler": {
+            "version": "10.0.5",
+            "resolved": "https://registry.npmjs.org/@intlify/message-compiler/-/message-compiler-10.0.5.tgz",
+            "integrity": "sha512-6GT1BJ852gZ0gItNZN2krX5QAmea+cmdjMvsWohArAZ3GmHdnNANEcF9JjPXAMRtQ6Ux5E269ymamg/+WU6tQA==",
+            "license": "MIT",
+            "dependencies": {
+                "@intlify/shared": "10.0.5",
+                "source-map-js": "^1.0.2"
+            },
+            "engines": {
+                "node": ">= 16"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/kazupon"
+            }
+        },
+        "node_modules/@intlify/shared": {
+            "version": "10.0.5",
+            "resolved": "https://registry.npmjs.org/@intlify/shared/-/shared-10.0.5.tgz",
+            "integrity": "sha512-bmsP4L2HqBF6i6uaMqJMcFBONVjKt+siGluRq4Ca4C0q7W2eMaVZr8iCgF9dKbcVXutftkC7D6z2SaSMmLiDyA==",
+            "license": "MIT",
+            "engines": {
+                "node": ">= 16"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/kazupon"
+            }
+        },
         "node_modules/@isaacs/cliui": {
             "version": "8.0.2",
             "resolved": "https://registry.npmjs.org/@isaacs/cliui/-/cliui-8.0.2.tgz",
@@ -1492,6 +1537,91 @@
                 "node": ">=12"
             }
         },
+        "node_modules/@isaacs/cliui/node_modules/ansi-regex": {
+            "version": "6.1.0",
+            "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.1.0.tgz",
+            "integrity": "sha512-7HSX4QQb4CspciLpVFwyRe79O3xsIZDDLER21kERQ71oaPodF8jL725AgJMFAYbooIqolJoRLuM81SpeUkpkvA==",
+            "dev": true,
+            "license": "MIT",
+            "engines": {
+                "node": ">=12"
+            },
+            "funding": {
+                "url": "https://github.com/chalk/ansi-regex?sponsor=1"
+            }
+        },
+        "node_modules/@isaacs/cliui/node_modules/ansi-styles": {
+            "version": "6.2.1",
+            "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-6.2.1.tgz",
+            "integrity": "sha512-bN798gFfQX+viw3R7yrGWRqnrN2oRkEkUjjl4JNn4E8GxxbjtG3FbrEIIY3l8/hrwUwIeCZvi4QuOTP4MErVug==",
+            "dev": true,
+            "license": "MIT",
+            "engines": {
+                "node": ">=12"
+            },
+            "funding": {
+                "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+            }
+        },
+        "node_modules/@isaacs/cliui/node_modules/emoji-regex": {
+            "version": "9.2.2",
+            "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-9.2.2.tgz",
+            "integrity": "sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==",
+            "dev": true,
+            "license": "MIT"
+        },
+        "node_modules/@isaacs/cliui/node_modules/string-width": {
+            "version": "5.1.2",
+            "resolved": "https://registry.npmjs.org/string-width/-/string-width-5.1.2.tgz",
+            "integrity": "sha512-HnLOCR3vjcY8beoNLtcjZ5/nxn2afmME6lhrDrebokqMap+XbeW8n9TXpPDOqdGK5qcI3oT0GKTW6wC7EMiVqA==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "eastasianwidth": "^0.2.0",
+                "emoji-regex": "^9.2.2",
+                "strip-ansi": "^7.0.1"
+            },
+            "engines": {
+                "node": ">=12"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/sindresorhus"
+            }
+        },
+        "node_modules/@isaacs/cliui/node_modules/strip-ansi": {
+            "version": "7.1.0",
+            "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.1.0.tgz",
+            "integrity": "sha512-iq6eVVI64nQQTRYq2KtEg2d2uU7LElhTJwsH4YzIHZshxlgZms/wIc4VoDQTlG/IvVIrBKG06CrZnp0qv7hkcQ==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "ansi-regex": "^6.0.1"
+            },
+            "engines": {
+                "node": ">=12"
+            },
+            "funding": {
+                "url": "https://github.com/chalk/strip-ansi?sponsor=1"
+            }
+        },
+        "node_modules/@isaacs/cliui/node_modules/wrap-ansi": {
+            "version": "8.1.0",
+            "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-8.1.0.tgz",
+            "integrity": "sha512-si7QWI6zUMq56bESFvagtmzMdGOtoxfR+Sez11Mobfc7tm+VkUckk9bW2UeffTGVUbOksxmSw0AA2gs8g71NCQ==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "ansi-styles": "^6.1.0",
+                "string-width": "^5.0.1",
+                "strip-ansi": "^7.0.1"
+            },
+            "engines": {
+                "node": ">=12"
+            },
+            "funding": {
+                "url": "https://github.com/chalk/wrap-ansi?sponsor=1"
+            }
+        },
         "node_modules/@jercle/yargonaut": {
             "version": "1.1.5",
             "resolved": "https://registry.npmjs.org/@jercle/yargonaut/-/yargonaut-1.1.5.tgz",
@@ -1788,6 +1918,13 @@
                 }
             }
         },
+        "node_modules/@rollup/pluginutils/node_modules/estree-walker": {
+            "version": "2.0.2",
+            "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-2.0.2.tgz",
+            "integrity": "sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==",
+            "dev": true,
+            "license": "MIT"
+        },
         "node_modules/@rollup/pluginutils/node_modules/picomatch": {
             "version": "4.0.2",
             "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.2.tgz",
@@ -2558,16 +2695,6 @@
                 }
             }
         },
-        "node_modules/@vitest/mocker/node_modules/estree-walker": {
-            "version": "3.0.3",
-            "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-3.0.3.tgz",
-            "integrity": "sha512-7RUKfXgSMMkzt6ZuXmqapOurLGPPfgj6l9uRZ7lRGolvk0y2yocc35LdcxKC5PQZdn2DMqioAQ2NoWcrTKmm6g==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "@types/estree": "^1.0.0"
-            }
-        },
         "node_modules/@vitest/pretty-format": {
             "version": "3.0.6",
             "resolved": "https://registry.npmjs.org/@vitest/pretty-format/-/pretty-format-3.0.6.tgz",
@@ -2731,6 +2858,12 @@
                 "source-map-js": "^1.2.0"
             }
         },
+        "node_modules/@vue/compiler-core/node_modules/estree-walker": {
+            "version": "2.0.2",
+            "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-2.0.2.tgz",
+            "integrity": "sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==",
+            "license": "MIT"
+        },
         "node_modules/@vue/compiler-dom": {
             "version": "3.5.13",
             "resolved": "https://registry.npmjs.org/@vue/compiler-dom/-/compiler-dom-3.5.13.tgz",
@@ -2758,6 +2891,12 @@
                 "source-map-js": "^1.2.0"
             }
         },
+        "node_modules/@vue/compiler-sfc/node_modules/estree-walker": {
+            "version": "2.0.2",
+            "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-2.0.2.tgz",
+            "integrity": "sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==",
+            "license": "MIT"
+        },
         "node_modules/@vue/compiler-ssr": {
             "version": "3.5.13",
             "resolved": "https://registry.npmjs.org/@vue/compiler-ssr/-/compiler-ssr-3.5.13.tgz",
@@ -3081,23 +3220,20 @@
             }
         },
         "node_modules/alien-signals": {
-            "version": "1.0.3",
+            "version": "1.0.4",
-            "resolved": "https://registry.npmjs.org/alien-signals/-/alien-signals-1.0.3.tgz",
+            "resolved": "https://registry.npmjs.org/alien-signals/-/alien-signals-1.0.4.tgz",
-            "integrity": "sha512-zQOh3wAYK5ujENxvBBR3CFGF/b6afaSzZ/c9yNhJ1ENrGHETvpUuKQsa93Qrclp0+PzTF93MaZ7scVp1uUozhA==",
+            "integrity": "sha512-DJqqQD3XcsaQcQ1s+iE2jDUZmmQpXwHiR6fCAim/w87luaW+vmLY8fMlrdkmRwzaFXhkxf3rqPCR59tKVv1MDw==",
             "dev": true,
             "license": "MIT"
         },
         "node_modules/ansi-regex": {
-            "version": "6.1.0",
+            "version": "5.0.1",
-            "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.1.0.tgz",
+            "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
-            "integrity": "sha512-7HSX4QQb4CspciLpVFwyRe79O3xsIZDDLER21kERQ71oaPodF8jL725AgJMFAYbooIqolJoRLuM81SpeUkpkvA==",
+            "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
             "dev": true,
             "license": "MIT",
             "engines": {
-                "node": ">=12"
+                "node": ">=8"
-            },
-            "funding": {
-                "url": "https://github.com/chalk/ansi-regex?sponsor=1"
             }
         },
         "node_modules/ansi-styles": {
@@ -3421,69 +3557,6 @@
                 "node": ">=12"
             }
         },
-        "node_modules/cliui/node_modules/ansi-regex": {
-            "version": "5.0.1",
-            "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
-            "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=8"
-            }
-        },
-        "node_modules/cliui/node_modules/emoji-regex": {
-            "version": "8.0.0",
-            "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
-            "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/cliui/node_modules/string-width": {
-            "version": "4.2.3",
-            "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
-            "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "emoji-regex": "^8.0.0",
-                "is-fullwidth-code-point": "^3.0.0",
-                "strip-ansi": "^6.0.1"
-            },
-            "engines": {
-                "node": ">=8"
-            }
-        },
-        "node_modules/cliui/node_modules/strip-ansi": {
-            "version": "6.0.1",
-            "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
-            "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "ansi-regex": "^5.0.1"
-            },
-            "engines": {
-                "node": ">=8"
-            }
-        },
-        "node_modules/cliui/node_modules/wrap-ansi": {
-            "version": "7.0.0",
-            "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz",
-            "integrity": "sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "ansi-styles": "^4.0.0",
-                "string-width": "^4.1.0",
-                "strip-ansi": "^6.0.0"
-            },
-            "engines": {
-                "node": ">=10"
-            },
-            "funding": {
-                "url": "https://github.com/chalk/wrap-ansi?sponsor=1"
-            }
-        },
         "node_modules/code-block-writer": {
             "version": "13.0.3",
             "resolved": "https://registry.npmjs.org/code-block-writer/-/code-block-writer-13.0.3.tgz",
@@ -3925,9 +3998,9 @@
             "license": "ISC"
         },
         "node_modules/emoji-regex": {
-            "version": "9.2.2",
+            "version": "8.0.0",
-            "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-9.2.2.tgz",
+            "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
-            "integrity": "sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==",
+            "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
             "dev": true,
             "license": "MIT"
         },
@@ -4419,10 +4492,14 @@
             }
         },
         "node_modules/estree-walker": {
-            "version": "2.0.2",
+            "version": "3.0.3",
-            "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-2.0.2.tgz",
+            "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-3.0.3.tgz",
-            "integrity": "sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==",
+            "integrity": "sha512-7RUKfXgSMMkzt6ZuXmqapOurLGPPfgj6l9uRZ7lRGolvk0y2yocc35LdcxKC5PQZdn2DMqioAQ2NoWcrTKmm6g==",
-            "license": "MIT"
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "@types/estree": "^1.0.0"
+            }
         },
         "node_modules/esutils": {
             "version": "2.0.3",
@@ -4834,9 +4911,9 @@
             }
         },
         "node_modules/fsevents": {
-            "version": "2.3.2",
+            "version": "2.3.3",
-            "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.2.tgz",
+            "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz",
-            "integrity": "sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==",
+            "integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==",
             "dev": true,
             "hasInstallScript": true,
             "license": "MIT",
@@ -6618,6 +6695,21 @@
                 "node": ">=18"
             }
         },
+        "node_modules/playwright/node_modules/fsevents": {
+            "version": "2.3.2",
+            "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.2.tgz",
+            "integrity": "sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==",
+            "dev": true,
+            "hasInstallScript": true,
+            "license": "MIT",
+            "optional": true,
+            "os": [
+                "darwin"
+            ],
+            "engines": {
+                "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
+            }
+        },
         "node_modules/postcss": {
             "version": "8.5.3",
             "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.3.tgz",
@@ -7387,21 +7479,18 @@
             "license": "MIT"
         },
         "node_modules/string-width": {
-            "version": "5.1.2",
+            "version": "4.2.3",
-            "resolved": "https://registry.npmjs.org/string-width/-/string-width-5.1.2.tgz",
+            "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
-            "integrity": "sha512-HnLOCR3vjcY8beoNLtcjZ5/nxn2afmME6lhrDrebokqMap+XbeW8n9TXpPDOqdGK5qcI3oT0GKTW6wC7EMiVqA==",
+            "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
-                "eastasianwidth": "^0.2.0",
+                "emoji-regex": "^8.0.0",
-                "emoji-regex": "^9.2.2",
+                "is-fullwidth-code-point": "^3.0.0",
-                "strip-ansi": "^7.0.1"
+                "strip-ansi": "^6.0.1"
             },
             "engines": {
-                "node": ">=12"
+                "node": ">=8"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/sindresorhus"
             }
         },
         "node_modules/string-width-cjs": {
@@ -7420,24 +7509,7 @@
                 "node": ">=8"
             }
         },
-        "node_modules/string-width-cjs/node_modules/ansi-regex": {
+        "node_modules/strip-ansi": {
-            "version": "5.0.1",
-            "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
-            "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=8"
-            }
-        },
-        "node_modules/string-width-cjs/node_modules/emoji-regex": {
-            "version": "8.0.0",
-            "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
-            "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/string-width-cjs/node_modules/strip-ansi": {
             "version": "6.0.1",
             "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
             "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
@@ -7450,22 +7522,6 @@
                 "node": ">=8"
             }
         },
-        "node_modules/strip-ansi": {
-            "version": "7.1.0",
-            "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.1.0.tgz",
-            "integrity": "sha512-iq6eVVI64nQQTRYq2KtEg2d2uU7LElhTJwsH4YzIHZshxlgZms/wIc4VoDQTlG/IvVIrBKG06CrZnp0qv7hkcQ==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "ansi-regex": "^6.0.1"
-            },
-            "engines": {
-                "node": ">=12"
-            },
-            "funding": {
-                "url": "https://github.com/chalk/strip-ansi?sponsor=1"
-            }
-        },
         "node_modules/strip-ansi-cjs": {
             "name": "strip-ansi",
             "version": "6.0.1",
@@ -7480,16 +7536,6 @@
                 "node": ">=8"
             }
         },
-        "node_modules/strip-ansi-cjs/node_modules/ansi-regex": {
-            "version": "5.0.1",
-            "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
-            "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=8"
-            }
-        },
         "node_modules/strip-bom": {
             "version": "3.0.0",
             "resolved": "https://registry.npmjs.org/strip-bom/-/strip-bom-3.0.0.tgz",
@@ -7657,22 +7703,22 @@
             }
         },
         "node_modules/tldts": {
-            "version": "6.1.77",
+            "version": "6.1.78",
-            "resolved": "https://registry.npmjs.org/tldts/-/tldts-6.1.77.tgz",
+            "resolved": "https://registry.npmjs.org/tldts/-/tldts-6.1.78.tgz",
-            "integrity": "sha512-lBpoWgy+kYmuXWQ83+R7LlJCnsd9YW8DGpZSHhrMl4b8Ly/1vzOie3OdtmUJDkKxcgRGOehDu5btKkty+JEe+g==",
+            "integrity": "sha512-fSgYrW0ITH0SR/CqKMXIruYIPpNu5aDgUp22UhYoSrnUQwc7SBqifEBFNce7AAcygUPBo6a/gbtcguWdmko4RQ==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
-                "tldts-core": "^6.1.77"
+                "tldts-core": "^6.1.78"
             },
             "bin": {
                 "tldts": "bin/cli.js"
             }
         },
         "node_modules/tldts-core": {
-            "version": "6.1.77",
+            "version": "6.1.78",
-            "resolved": "https://registry.npmjs.org/tldts-core/-/tldts-core-6.1.77.tgz",
+            "resolved": "https://registry.npmjs.org/tldts-core/-/tldts-core-6.1.78.tgz",
-            "integrity": "sha512-bCaqm24FPk8OgBkM0u/SrEWJgHnhBWYqeBo6yUmcZJDCHt/IfyWBb+14CXdGi4RInMv4v7eUAin15W0DoA+Ytg==",
+            "integrity": "sha512-jS0svNsB99jR6AJBmfmEWuKIgz91Haya91Z43PATaeHJ24BkMoNRb/jlaD37VYjb0mYf6gRL/HOnvS1zEnYBiw==",
             "dev": true,
             "license": "MIT"
         },
@@ -7842,22 +7888,6 @@
                 "fsevents": "~2.3.3"
             }
         },
-        "node_modules/tsx/node_modules/fsevents": {
-            "version": "2.3.3",
-            "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz",
-            "integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==",
-            "dev": true,
-            "hasInstallScript": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "darwin"
-            ],
-            "peer": true,
-            "engines": {
-                "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
-            }
-        },
         "node_modules/type-check": {
             "version": "0.4.0",
             "resolved": "https://registry.npmjs.org/type-check/-/type-check-0.4.0.tgz",
@@ -8695,21 +8725,6 @@
                 "@esbuild/win32-x64": "0.24.2"
             }
         },
-        "node_modules/vite/node_modules/fsevents": {
-            "version": "2.3.3",
-            "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz",
-            "integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==",
-            "dev": true,
-            "hasInstallScript": true,
-            "license": "MIT",
-            "optional": true,
-            "os": [
-                "darwin"
-            ],
-            "engines": {
-                "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
-            }
-        },
         "node_modules/vitest": {
             "version": "3.0.6",
             "resolved": "https://registry.npmjs.org/vitest/-/vitest-3.0.6.tgz",
@@ -8875,6 +8890,26 @@
                 "url": "https://opencollective.com/eslint"
             }
         },
+        "node_modules/vue-i18n": {
+            "version": "10.0.5",
+            "resolved": "https://registry.npmjs.org/vue-i18n/-/vue-i18n-10.0.5.tgz",
+            "integrity": "sha512-9/gmDlCblz3i8ypu/afiIc/SUIfTTE1mr0mZhb9pk70xo2csHAM9mp2gdQ3KD2O0AM3Hz/5ypb+FycTj/lHlPQ==",
+            "license": "MIT",
+            "dependencies": {
+                "@intlify/core-base": "10.0.5",
+                "@intlify/shared": "10.0.5",
+                "@vue/devtools-api": "^6.5.0"
+            },
+            "engines": {
+                "node": ">= 16"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/kazupon"
+            },
+            "peerDependencies": {
+                "vue": "^3.0.0"
+            }
+        },
         "node_modules/vue-router": {
             "version": "4.5.0",
             "resolved": "https://registry.npmjs.org/vue-router/-/vue-router-4.5.0.tgz",
@@ -8908,9 +8943,9 @@
             }
         },
         "node_modules/vuetify": {
-            "version": "3.7.12",
+            "version": "3.7.13",
-            "resolved": "https://registry.npmjs.org/vuetify/-/vuetify-3.7.12.tgz",
+            "resolved": "https://registry.npmjs.org/vuetify/-/vuetify-3.7.13.tgz",
-            "integrity": "sha512-cBxWXKPNl3vWc10/EEpfK4RBrCZERAHEUZCWmrJPd6v+JU0sbm4sEgIpy8IU5d1BzA1kIhknpbgYy2IqiZponA==",
+            "integrity": "sha512-4+RuQU+zLtXhlN2eZUpKXums9ftzUzhMeiNEJvvJY4XdOzVwUCth2dTnEZkSF6EKdLHk3WhtRk0cIWXZxpBvcw==",
             "license": "MIT",
             "engines": {
                 "node": "^12.20 || >=14.13"
@@ -9064,18 +9099,18 @@
             }
         },
         "node_modules/wrap-ansi": {
-            "version": "8.1.0",
+            "version": "7.0.0",
-            "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-8.1.0.tgz",
+            "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz",
-            "integrity": "sha512-si7QWI6zUMq56bESFvagtmzMdGOtoxfR+Sez11Mobfc7tm+VkUckk9bW2UeffTGVUbOksxmSw0AA2gs8g71NCQ==",
+            "integrity": "sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
-                "ansi-styles": "^6.1.0",
+                "ansi-styles": "^4.0.0",
-                "string-width": "^5.0.1",
+                "string-width": "^4.1.0",
-                "strip-ansi": "^7.0.1"
+                "strip-ansi": "^6.0.0"
             },
             "engines": {
-                "node": ">=12"
+                "node": ">=10"
             },
             "funding": {
                 "url": "https://github.com/chalk/wrap-ansi?sponsor=1"
@@ -9100,64 +9135,6 @@
                 "url": "https://github.com/chalk/wrap-ansi?sponsor=1"
             }
         },
-        "node_modules/wrap-ansi-cjs/node_modules/ansi-regex": {
-            "version": "5.0.1",
-            "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
-            "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=8"
-            }
-        },
-        "node_modules/wrap-ansi-cjs/node_modules/emoji-regex": {
-            "version": "8.0.0",
-            "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
-            "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/wrap-ansi-cjs/node_modules/string-width": {
-            "version": "4.2.3",
-            "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
-            "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "emoji-regex": "^8.0.0",
-                "is-fullwidth-code-point": "^3.0.0",
-                "strip-ansi": "^6.0.1"
-            },
-            "engines": {
-                "node": ">=8"
-            }
-        },
-        "node_modules/wrap-ansi-cjs/node_modules/strip-ansi": {
-            "version": "6.0.1",
-            "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
-            "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "ansi-regex": "^5.0.1"
-            },
-            "engines": {
-                "node": ">=8"
-            }
-        },
-        "node_modules/wrap-ansi/node_modules/ansi-styles": {
-            "version": "6.2.1",
-            "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-6.2.1.tgz",
-            "integrity": "sha512-bN798gFfQX+viw3R7yrGWRqnrN2oRkEkUjjl4JNn4E8GxxbjtG3FbrEIIY3l8/hrwUwIeCZvi4QuOTP4MErVug==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=12"
-            },
-            "funding": {
-                "url": "https://github.com/chalk/ansi-styles?sponsor=1"
-            }
-        },
         "node_modules/wrappy": {
             "version": "1.0.2",
             "resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz",
@@ -9258,51 +9235,6 @@
                 "node": ">=12"
             }
         },
-        "node_modules/yargs/node_modules/ansi-regex": {
-            "version": "5.0.1",
-            "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
-            "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
-            "dev": true,
-            "license": "MIT",
-            "engines": {
-                "node": ">=8"
-            }
-        },
-        "node_modules/yargs/node_modules/emoji-regex": {
-            "version": "8.0.0",
-            "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
-            "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
-            "dev": true,
-            "license": "MIT"
-        },
-        "node_modules/yargs/node_modules/string-width": {
-            "version": "4.2.3",
-            "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
-            "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "emoji-regex": "^8.0.0",
-                "is-fullwidth-code-point": "^3.0.0",
-                "strip-ansi": "^6.0.1"
-            },
-            "engines": {
-                "node": ">=8"
-            }
-        },
-        "node_modules/yargs/node_modules/strip-ansi": {
-            "version": "6.0.1",
-            "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
-            "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "ansi-regex": "^5.0.1"
-            },
-            "engines": {
-                "node": ">=8"
-            }
-        },
         "node_modules/yn": {
             "version": "3.1.1",
             "resolved": "https://registry.npmjs.org/yn/-/yn-3.1.1.tgz",

package.json

@@ -8,6 +8,7 @@
         "build": "npm run build --ws",
         "format": "npm run format --ws",
         "format-check": "npm run format-check --ws",
+        "generate-docs": "python3 -m venv .venv && source .venv/bin/activate && pip install -r docs/requirements.txt && python docs/architecture/schema.py",
         "lint": "npm run lint --ws",
         "test:unit": "npm run test:unit --ws"
     },
@@ -37,5 +38,6 @@
     },
     "dependencies": {
         "@types/js-yaml": "^4.0.9"
+        "vue-i18n": "^10.0.5"
     }
 }