First commit!

web/admin-gui/src/App.vue

@@ -0,0 +1,7 @@
+<script setup lang="ts">
+import { RouterView } from 'vue-router'
+</script>
+
+<template>
+  <RouterView />
+</template>

web/admin-gui/src/main.ts

@@ -0,0 +1,15 @@
+import { createApp } from 'vue'
+import { createPinia } from 'pinia'
+
+
+import App from './App.vue'
+import router from './router'
+
+import './assets/main.css'
+
+const app = createApp(App)
+
+app.use(createPinia())
+app.use(router)
+
+app.mount('#app')

web/admin-gui/src/router/index.ts

@@ -0,0 +1,15 @@
+import { createRouter, createWebHistory } from 'vue-router'
+import Home from '../views/Home.vue'
+
+const router = createRouter({
+  history: createWebHistory(import.meta.env.BASE_URL),
+  routes: [
+    {
+      path: '/',
+      name: 'home',
+      component: Home
+    },
+  ]
+})
+
+export default router

web/admin-gui/src/utils/ping.ts

@@ -0,0 +1,8 @@
+export interface Pong {
+    message: string;
+}
+
+export function pingApi(): Promise<Pong> {
+    return fetch('http://localhost:8080/ping')
+        .then(response => response.json())
+}

web/admin-gui/src/views/Home.vue

@@ -0,0 +1,17 @@
+<script setup lang="ts">
+// import EditorJS from '@editorjs/editorjs';
+import { pingApi } from '@/utils/ping';
+
+console.log('ping...')
+pingApi().then(response => {
+    console.log(`${response.message}!`)
+})
+</script>
+
+<template>
+    <p>Salut à tous</p>
+</template>
+
+<style scoped>
+
+</style>