- Change this page by updating {{ `` }} in components/HelloWorld.vue.
-
-
-
-
-
-
-
-
-
-
-
+
+
{{ msg }}
+
+ You’ve successfully created a project with
+ Vite +
+ Vue 3. What's next?
+
+
-
+
diff --git a/front-end/src/components/README.md b/front-end/src/components/README.md
deleted file mode 100644
index d1dc92f..0000000
--- a/front-end/src/components/README.md
+++ /dev/null
@@ -1,35 +0,0 @@
-# Components
-
-Vue template files in this folder are automatically imported.
-
-## 🚀 Usage
-
-Importing is handled by [unplugin-vue-components](https://github.com/unplugin/unplugin-vue-components). This plugin automatically imports `.vue` files created in the `src/components` directory, and registers them as global components. This means that you can use any component in your application without having to manually import it.
-
-The following example assumes a component located at `src/components/MyComponent.vue`:
-
-```vue
-
-
-
-
-
-
-
-```
-
-When your template is rendered, the component's import will automatically be inlined, which renders to this:
-
-```vue
-
-
-
-
-
-
-
-```
diff --git a/front-end/src/components/TheWelcome.vue b/front-end/src/components/TheWelcome.vue
new file mode 100644
index 0000000..6092dff
--- /dev/null
+++ b/front-end/src/components/TheWelcome.vue
@@ -0,0 +1,94 @@
+
+
+
+
+
+
+
+ Documentation
+
+ Vue’s
+ official documentation
+ provides you with all information you need to get started.
+
+
+
+
+
+
+ Tooling
+
+ This project is served and bundled with
+ Vite. The
+ recommended IDE setup is
+ VSCode
+ +
+ Vue - Official. If
+ you need to test your components and web pages, check out
+ Vitest
+ and
+ Cypress
+ /
+ Playwright.
+
+
+
+ More instructions are available in
+ README.md.
+
+
+
+
+
+
+ Ecosystem
+
+ Get official tools and libraries for your project:
+ Pinia,
+ Vue Router,
+ Vue Test Utils, and
+ Vue Dev Tools. If
+ you need more resources, we suggest paying
+ Awesome Vue
+ a visit.
+
+
+
+
+
+
+ Community
+
+ Got stuck? Ask your question on
+ Vue Land
+ (our official Discord server), or
+ StackOverflow. You should also follow the official
+ @vuejs.org
+ Bluesky account or the
+ @vuejs
+ X account for latest news in the Vue world.
+
+
+
+
+
+
+ Support Vue
+
+ As an independent project, Vue relies on community backing for its sustainability. You can help
+ us by
+ becoming a sponsor.
+
+
diff --git a/front-end/src/components/WelcomeItem.vue b/front-end/src/components/WelcomeItem.vue
new file mode 100644
index 0000000..6d7086a
--- /dev/null
+++ b/front-end/src/components/WelcomeItem.vue
@@ -0,0 +1,87 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/front-end/src/components/icons/IconCommunity.vue b/front-end/src/components/icons/IconCommunity.vue
new file mode 100644
index 0000000..2dc8b05
--- /dev/null
+++ b/front-end/src/components/icons/IconCommunity.vue
@@ -0,0 +1,7 @@
+
+
+
diff --git a/front-end/src/components/icons/IconDocumentation.vue b/front-end/src/components/icons/IconDocumentation.vue
new file mode 100644
index 0000000..6d4791c
--- /dev/null
+++ b/front-end/src/components/icons/IconDocumentation.vue
@@ -0,0 +1,7 @@
+
+
+
diff --git a/front-end/src/components/icons/IconEcosystem.vue b/front-end/src/components/icons/IconEcosystem.vue
new file mode 100644
index 0000000..c3a4f07
--- /dev/null
+++ b/front-end/src/components/icons/IconEcosystem.vue
@@ -0,0 +1,7 @@
+
+
+
diff --git a/front-end/src/components/icons/IconSupport.vue b/front-end/src/components/icons/IconSupport.vue
new file mode 100644
index 0000000..7452834
--- /dev/null
+++ b/front-end/src/components/icons/IconSupport.vue
@@ -0,0 +1,7 @@
+
+
+
diff --git a/front-end/src/components/icons/IconTooling.vue b/front-end/src/components/icons/IconTooling.vue
new file mode 100644
index 0000000..660598d
--- /dev/null
+++ b/front-end/src/components/icons/IconTooling.vue
@@ -0,0 +1,19 @@
+
+
+
+
diff --git a/front-end/src/main.ts b/front-end/src/main.ts
index b62acc8..5a5dbdb 100644
--- a/front-end/src/main.ts
+++ b/front-end/src/main.ts
@@ -1,23 +1,11 @@
-/**
- * main.ts
- *
- * Bootstraps Vuetify and other plugins then mounts the App`
- */
+import './assets/main.css'
-// Plugins
-import { registerPlugins } from '@/plugins'
-
-// Components
-import App from './App.vue'
-
-// Composables
import { createApp } from 'vue'
-
-// Styles
-import 'unfonts.css'
+import App from './App.vue'
+import router from './router'
const app = createApp(App)
-registerPlugins(app)
+app.use(router)
app.mount('#app')
diff --git a/front-end/src/pages/README.md b/front-end/src/pages/README.md
deleted file mode 100644
index 341536c..0000000
--- a/front-end/src/pages/README.md
+++ /dev/null
@@ -1,5 +0,0 @@
-# Pages
-
-Vue components created in this folder will automatically be converted to navigatable routes.
-
-Full documentation for this feature can be found in the Official [unplugin-vue-router](https://github.com/posva/unplugin-vue-router) repository.
diff --git a/front-end/src/pages/index.vue b/front-end/src/pages/index.vue
deleted file mode 100644
index dac59c7..0000000
--- a/front-end/src/pages/index.vue
+++ /dev/null
@@ -1,7 +0,0 @@
-
-
-
-
-
diff --git a/front-end/src/plugins/README.md b/front-end/src/plugins/README.md
deleted file mode 100644
index 62201c7..0000000
--- a/front-end/src/plugins/README.md
+++ /dev/null
@@ -1,3 +0,0 @@
-# Plugins
-
-Plugins are a way to extend the functionality of your Vue application. Use this folder for registering plugins that you want to use globally.
diff --git a/front-end/src/plugins/index.ts b/front-end/src/plugins/index.ts
deleted file mode 100644
index d3c748a..0000000
--- a/front-end/src/plugins/index.ts
+++ /dev/null
@@ -1,18 +0,0 @@
-/**
- * plugins/index.ts
- *
- * Automatically included in `./src/main.ts`
- */
-
-// Plugins
-import vuetify from './vuetify'
-import router from '../router'
-
-// Types
-import type { App } from 'vue'
-
-export function registerPlugins (app: App) {
- app
- .use(vuetify)
- .use(router)
-}
diff --git a/front-end/src/plugins/vuetify.ts b/front-end/src/plugins/vuetify.ts
deleted file mode 100644
index 7652788..0000000
--- a/front-end/src/plugins/vuetify.ts
+++ /dev/null
@@ -1,19 +0,0 @@
-/**
- * plugins/vuetify.ts
- *
- * Framework documentation: https://vuetifyjs.com`
- */
-
-// Styles
-import '@mdi/font/css/materialdesignicons.css'
-import 'vuetify/styles'
-
-// Composables
-import { createVuetify } from 'vuetify'
-
-// https://vuetifyjs.com/en/introduction/why-vuetify/#feature-guides
-export default createVuetify({
- theme: {
- defaultTheme: 'dark',
- },
-})
diff --git a/front-end/src/router/index.ts b/front-end/src/router/index.ts
index aeab4c3..3e49915 100644
--- a/front-end/src/router/index.ts
+++ b/front-end/src/router/index.ts
@@ -1,35 +1,23 @@
-/**
- * router/index.ts
- *
- * Automatic routes for `./src/pages/*.vue`
- */
-
-// Composables
-import { createRouter, createWebHistory } from 'vue-router/auto'
-import { routes } from 'vue-router/auto-routes'
+import { createRouter, createWebHistory } from 'vue-router'
+import HomeView from '../views/HomeView.vue'
const router = createRouter({
history: createWebHistory(import.meta.env.BASE_URL),
- routes,
-})
-
-// Workaround for https://github.com/vitejs/vite/issues/11804
-router.onError((err, to) => {
- if (err?.message?.includes?.('Failed to fetch dynamically imported module')) {
- if (!localStorage.getItem('vuetify:dynamic-reload')) {
- console.log('Reloading page to fix dynamic import error')
- localStorage.setItem('vuetify:dynamic-reload', 'true')
- location.assign(to.fullPath)
- } else {
- console.error('Dynamic import error, reloading page did not fix it', err)
- }
- } else {
- console.error(err)
- }
-})
-
-router.isReady().then(() => {
- localStorage.removeItem('vuetify:dynamic-reload')
+ routes: [
+ {
+ path: '/',
+ name: 'home',
+ component: HomeView,
+ },
+ {
+ path: '/about',
+ name: 'about',
+ // route level code-splitting
+ // this generates a separate chunk (About.[hash].js) for this route
+ // which is lazy-loaded when the route is visited.
+ component: () => import('../views/AboutView.vue'),
+ },
+ ],
})
export default router
diff --git a/front-end/src/styles/README.md b/front-end/src/styles/README.md
deleted file mode 100644
index ea86179..0000000
--- a/front-end/src/styles/README.md
+++ /dev/null
@@ -1,3 +0,0 @@
-# Styles
-
-This directory is for configuring the styles of the application.
diff --git a/front-end/src/styles/settings.scss b/front-end/src/styles/settings.scss
deleted file mode 100644
index 3e36a27..0000000
--- a/front-end/src/styles/settings.scss
+++ /dev/null
@@ -1,10 +0,0 @@
-/**
- * src/styles/settings.scss
- *
- * Configures SASS variables and Vuetify overwrites
- */
-
-// https://vuetifyjs.com/features/sass-variables/`
-// @use 'vuetify/settings' with (
-// $color-pack: false
-// );
diff --git a/front-end/src/views/AboutView.vue b/front-end/src/views/AboutView.vue
new file mode 100644
index 0000000..756ad2a
--- /dev/null
+++ b/front-end/src/views/AboutView.vue
@@ -0,0 +1,15 @@
+
+
+
+
+
+
-
-
-
-
- Welcome to
-