feat: Add frontend base; Waiting for vuetifyjs/vuetify#13479

frontend/.gitignore

@@ -0,0 +1,8 @@
+node_modules
+*.log*
+.nuxt
+.nitro
+.cache
+.output
+.env
+dist

frontend/app.vue

@@ -0,0 +1,6 @@
+<template>
+    <div>
+        <NuxtLoadingIndicator color="rgb(79, 70, 229)" />
+        <NuxtPage />
+    </div>
+</template>

frontend/nuxt.config.ts

@@ -0,0 +1,11 @@
+export default defineNuxtConfig({
+    css: ["vuetify/lib/styles/main.sass"],
+    build: {
+        transpile: ["vuetify"],
+    },
+    vite: {
+        define: {
+            "process.env.DEBUG": false,
+        },
+    },
+});

frontend/package.json

@@ -0,0 +1,17 @@
+{
+  "private": true,
+  "scripts": {
+    "build": "nuxt build",
+    "dev": "nuxt dev",
+    "generate": "nuxt generate",
+    "preview": "nuxt preview",
+    "postinstall": "nuxt prepare"
+  },
+  "devDependencies": {
+    "nuxt": "3.0.0-rc.10"
+  },
+  "dependencies": {
+    "sass": "^1.54.9",
+    "vuetify": "^3.0.0-beta.11"
+  }
+}

frontend/pages/index.vue

@@ -0,0 +1,125 @@
+<template>
+    <v-card>
+        <v-card-title>
+            Liste des alertes
+            <v-spacer></v-spacer>
+            <v-text-field
+                v-model="search"
+                append-icon="mdi-magnify"
+                label="Search"
+                single-line
+                hide-details
+            ></v-text-field>
+        </v-card-title>
+        <v-data-table
+            :headers="headers"
+            :items="desserts"
+            :search="search"
+        ></v-data-table>
+    </v-card>
+</template>
+
+<script lang="ts">
+export default {
+    data() {
+        return {
+            search: "",
+            headers: [
+                {
+                    text: "Dessert (100g serving)",
+                    align: "start",
+                    sortable: false,
+                    value: "name",
+                },
+                { text: "Calories", value: "calories" },
+                { text: "Fat (g)", value: "fat" },
+                { text: "Carbs (g)", value: "carbs" },
+                { text: "Protein (g)", value: "protein" },
+                { text: "Iron (%)", value: "iron" },
+            ],
+            desserts: [
+                {
+                    name: "Frozen Yogurt",
+                    calories: 159,
+                    fat: 6.0,
+                    carbs: 24,
+                    protein: 4.0,
+                    iron: "1%",
+                },
+                {
+                    name: "Ice cream sandwich",
+                    calories: 237,
+                    fat: 9.0,
+                    carbs: 37,
+                    protein: 4.3,
+                    iron: "1%",
+                },
+                {
+                    name: "Eclair",
+                    calories: 262,
+                    fat: 16.0,
+                    carbs: 23,
+                    protein: 6.0,
+                    iron: "7%",
+                },
+                {
+                    name: "Cupcake",
+                    calories: 305,
+                    fat: 3.7,
+                    carbs: 67,
+                    protein: 4.3,
+                    iron: "8%",
+                },
+                {
+                    name: "Gingerbread",
+                    calories: 356,
+                    fat: 16.0,
+                    carbs: 49,
+                    protein: 3.9,
+                    iron: "16%",
+                },
+                {
+                    name: "Jelly bean",
+                    calories: 375,
+                    fat: 0.0,
+                    carbs: 94,
+                    protein: 0.0,
+                    iron: "0%",
+                },
+                {
+                    name: "Lollipop",
+                    calories: 392,
+                    fat: 0.2,
+                    carbs: 98,
+                    protein: 0,
+                    iron: "2%",
+                },
+                {
+                    name: "Honeycomb",
+                    calories: 408,
+                    fat: 3.2,
+                    carbs: 87,
+                    protein: 6.5,
+                    iron: "45%",
+                },
+                {
+                    name: "Donut",
+                    calories: 452,
+                    fat: 25.0,
+                    carbs: 51,
+                    protein: 4.9,
+                    iron: "22%",
+                },
+                {
+                    name: "KitKat",
+                    calories: 518,
+                    fat: 26.0,
+                    carbs: 65,
+                    protein: 7,
+                    iron: "6%",
+                },
+            ],
+        };
+    },
+};
+</script>

frontend/plugins/vuetify.ts

@@ -0,0 +1,12 @@
+import { createVuetify } from "vuetify";
+import * as components from "vuetify/components";
+import * as directives from "vuetify/directives";
+
+export default defineNuxtPlugin((nuxtApp) => {
+    const vuetify = createVuetify({
+        components,
+        directives,
+    });
+
+    nuxtApp.vueApp.use(vuetify);
+});

frontend/tsconfig.json

@@ -0,0 +1,4 @@
+{
+  // https://v3.nuxtjs.org/concepts/typescript
+  "extends": "./.nuxt/tsconfig.json"
+}