+ You’ve successfully created a project with
+ Vite +
+ Vue 3. What's next?
+
+
+
+
+
diff --git a/front/src/components/TheWelcome.vue b/front/src/components/TheWelcome.vue
new file mode 100644
index 0000000..8b731d9
--- /dev/null
+++ b/front/src/components/TheWelcome.vue
@@ -0,0 +1,95 @@
+
+
+
+
+
+
+
+ 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/src/components/WelcomeItem.vue b/front/src/components/WelcomeItem.vue
new file mode 100644
index 0000000..6d7086a
--- /dev/null
+++ b/front/src/components/WelcomeItem.vue
@@ -0,0 +1,87 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/front/src/components/__tests__/HelloWorld.spec.ts b/front/src/components/__tests__/HelloWorld.spec.ts
new file mode 100644
index 0000000..2533202
--- /dev/null
+++ b/front/src/components/__tests__/HelloWorld.spec.ts
@@ -0,0 +1,11 @@
+import { describe, it, expect } from 'vitest'
+
+import { mount } from '@vue/test-utils'
+import HelloWorld from '../HelloWorld.vue'
+
+describe('HelloWorld', () => {
+ it('renders properly', () => {
+ const wrapper = mount(HelloWorld, { props: { msg: 'Hello Vitest' } })
+ expect(wrapper.text()).toContain('Hello Vitest')
+ })
+})
diff --git a/front/src/components/icons/IconCommunity.vue b/front/src/components/icons/IconCommunity.vue
new file mode 100644
index 0000000..2dc8b05
--- /dev/null
+++ b/front/src/components/icons/IconCommunity.vue
@@ -0,0 +1,7 @@
+
+
+
diff --git a/front/src/components/icons/IconDocumentation.vue b/front/src/components/icons/IconDocumentation.vue
new file mode 100644
index 0000000..6d4791c
--- /dev/null
+++ b/front/src/components/icons/IconDocumentation.vue
@@ -0,0 +1,7 @@
+
+
+
diff --git a/front/src/components/icons/IconEcosystem.vue b/front/src/components/icons/IconEcosystem.vue
new file mode 100644
index 0000000..c3a4f07
--- /dev/null
+++ b/front/src/components/icons/IconEcosystem.vue
@@ -0,0 +1,7 @@
+
+
+
diff --git a/front/src/components/icons/IconSupport.vue b/front/src/components/icons/IconSupport.vue
new file mode 100644
index 0000000..7452834
--- /dev/null
+++ b/front/src/components/icons/IconSupport.vue
@@ -0,0 +1,7 @@
+
+
+
diff --git a/front/src/components/icons/IconTooling.vue b/front/src/components/icons/IconTooling.vue
new file mode 100644
index 0000000..660598d
--- /dev/null
+++ b/front/src/components/icons/IconTooling.vue
@@ -0,0 +1,19 @@
+
+
+
+
diff --git a/front/src/main.ts b/front/src/main.ts
new file mode 100644
index 0000000..5dcad83
--- /dev/null
+++ b/front/src/main.ts
@@ -0,0 +1,14 @@
+import './assets/main.css'
+
+import { createApp } from 'vue'
+import { createPinia } from 'pinia'
+
+import App from './App.vue'
+import router from './router'
+
+const app = createApp(App)
+
+app.use(createPinia())
+app.use(router)
+
+app.mount('#app')
diff --git a/front/src/router/index.ts b/front/src/router/index.ts
new file mode 100644
index 0000000..3e49915
--- /dev/null
+++ b/front/src/router/index.ts
@@ -0,0 +1,23 @@
+import { createRouter, createWebHistory } from 'vue-router'
+import HomeView from '../views/HomeView.vue'
+
+const router = createRouter({
+ history: createWebHistory(import.meta.env.BASE_URL),
+ 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/src/stores/counter.ts b/front/src/stores/counter.ts
new file mode 100644
index 0000000..b6757ba
--- /dev/null
+++ b/front/src/stores/counter.ts
@@ -0,0 +1,12 @@
+import { ref, computed } from 'vue'
+import { defineStore } from 'pinia'
+
+export const useCounterStore = defineStore('counter', () => {
+ const count = ref(0)
+ const doubleCount = computed(() => count.value * 2)
+ function increment() {
+ count.value++
+ }
+
+ return { count, doubleCount, increment }
+})
diff --git a/front/src/views/AboutView.vue b/front/src/views/AboutView.vue
new file mode 100644
index 0000000..756ad2a
--- /dev/null
+++ b/front/src/views/AboutView.vue
@@ -0,0 +1,15 @@
+
+
+
This is an about page
+
+
+
+
diff --git a/front/src/views/HomeView.vue b/front/src/views/HomeView.vue
new file mode 100644
index 0000000..d5c0217
--- /dev/null
+++ b/front/src/views/HomeView.vue
@@ -0,0 +1,9 @@
+
+
+
+
+
+
+
diff --git a/front/tsconfig.app.json b/front/tsconfig.app.json
new file mode 100644
index 0000000..c0f2d86
--- /dev/null
+++ b/front/tsconfig.app.json
@@ -0,0 +1,18 @@
+{
+ "extends": "@vue/tsconfig/tsconfig.dom.json",
+ "include": ["env.d.ts", "src/**/*", "src/**/*.vue"],
+ "exclude": ["src/**/__tests__/*"],
+ "compilerOptions": {
+ // Extra safety for array and object lookups, but may have false positives.
+ "noUncheckedIndexedAccess": true,
+
+ // Path mapping for cleaner imports.
+ "paths": {
+ "@/*": ["./src/*"]
+ },
+
+ // `vue-tsc --build` produces a .tsbuildinfo file for incremental type-checking.
+ // Specified here to keep it out of the root directory.
+ "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo"
+ }
+}
diff --git a/front/tsconfig.json b/front/tsconfig.json
new file mode 100644
index 0000000..100cf6a
--- /dev/null
+++ b/front/tsconfig.json
@@ -0,0 +1,14 @@
+{
+ "files": [],
+ "references": [
+ {
+ "path": "./tsconfig.node.json"
+ },
+ {
+ "path": "./tsconfig.app.json"
+ },
+ {
+ "path": "./tsconfig.vitest.json"
+ }
+ ]
+}
diff --git a/front/tsconfig.node.json b/front/tsconfig.node.json
new file mode 100644
index 0000000..5988839
--- /dev/null
+++ b/front/tsconfig.node.json
@@ -0,0 +1,28 @@
+// TSConfig for modules that run in Node.js environment via either transpilation or type-stripping.
+{
+ "extends": "@tsconfig/node24/tsconfig.json",
+ "include": [
+ "vite.config.*",
+ "vitest.config.*",
+ "cypress.config.*",
+ "nightwatch.conf.*",
+ "playwright.config.*",
+ "eslint.config.*"
+ ],
+ "compilerOptions": {
+ // Most tools use transpilation instead of Node.js's native type-stripping.
+ // Bundler mode provides a smoother developer experience.
+ "module": "preserve",
+ "moduleResolution": "bundler",
+
+ // Include Node.js types and avoid accidentally including other `@types/*` packages.
+ "types": ["node"],
+
+ // Disable emitting output during `vue-tsc --build`, which is used for type-checking only.
+ "noEmit": true,
+
+ // `vue-tsc --build` produces a .tsbuildinfo file for incremental type-checking.
+ // Specified here to keep it out of the root directory.
+ "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo"
+ }
+}
diff --git a/front/tsconfig.vitest.json b/front/tsconfig.vitest.json
new file mode 100644
index 0000000..ff1d8c9
--- /dev/null
+++ b/front/tsconfig.vitest.json
@@ -0,0 +1,19 @@
+{
+ "extends": "./tsconfig.app.json",
+
+ // Override to include only test files and clear exclusions.
+ // Application code imported in tests is automatically included via module resolution.
+ "include": ["src/**/__tests__/*", "env.d.ts"],
+ "exclude": [],
+
+ "compilerOptions": {
+ // Vitest runs in a different environment than the application code.
+ // Adjust lib and types accordingly.
+ "lib": [],
+ "types": ["node", "jsdom"],
+
+ // `vue-tsc --build` produces a .tsbuildinfo file for incremental type-checking.
+ // Specified here to keep it out of the root directory.
+ "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.vitest.tsbuildinfo"
+ }
+}
diff --git a/front/vite.config.ts b/front/vite.config.ts
new file mode 100644
index 0000000..d49d708
--- /dev/null
+++ b/front/vite.config.ts
@@ -0,0 +1,20 @@
+import { fileURLToPath, URL } from 'node:url'
+
+import { defineConfig } from 'vite'
+import vue from '@vitejs/plugin-vue'
+import vueJsx from '@vitejs/plugin-vue-jsx'
+import vueDevTools from 'vite-plugin-vue-devtools'
+
+// https://vite.dev/config/
+export default defineConfig({
+ plugins: [
+ vue(),
+ vueJsx(),
+ vueDevTools(),
+ ],
+ resolve: {
+ alias: {
+ '@': fileURLToPath(new URL('./src', import.meta.url))
+ },
+ },
+})
diff --git a/front/vitest.config.ts b/front/vitest.config.ts
new file mode 100644
index 0000000..c328717
--- /dev/null
+++ b/front/vitest.config.ts
@@ -0,0 +1,14 @@
+import { fileURLToPath } from 'node:url'
+import { mergeConfig, defineConfig, configDefaults } from 'vitest/config'
+import viteConfig from './vite.config'
+
+export default mergeConfig(
+ viteConfig,
+ defineConfig({
+ test: {
+ environment: 'jsdom',
+ exclude: [...configDefaults.exclude, 'e2e/**'],
+ root: fileURLToPath(new URL('./', import.meta.url)),
+ },
+ }),
+)
diff --git a/node_modules/.cache/prettier/.prettier-caches/50da7ce67bd962603339294473825fcb212e97bd.json b/node_modules/.cache/prettier/.prettier-caches/50da7ce67bd962603339294473825fcb212e97bd.json
new file mode 100644
index 0000000..b803400
--- /dev/null
+++ b/node_modules/.cache/prettier/.prettier-caches/50da7ce67bd962603339294473825fcb212e97bd.json
@@ -0,0 +1 @@
+{"48f50d4f0b45d23c736ce213ec5bf1eb577b72f3":{"files":{"front\\src\\components\\icons\\IconSupport.vue":["A5G9ZJ/HaagD9J4TfSTgbWS24+I=",true],"front\\src\\components\\icons\\IconDocumentation.vue":["KZwLZ/+6lrCYt0TrtPOzKCx0wEc=",true],"front\\src\\main.ts":["jcPOPc4xsc2SOGAZvV625OJ8I5g=",true],"front\\src\\components\\icons\\IconCommunity.vue":["sMZARSR4baiVE1IwfngcrBKtDFQ=",true],"front\\src\\assets\\base.css":["DYMuDadIR7WtNtFn9+6U4srN2xc=",true],"front\\src\\components\\icons\\IconTooling.vue":["phoFaN9D+h1PtQpnMpDnnNOOZdA=",true],"front\\src\\components\\icons\\IconEcosystem.vue":["tDOTdzfiwTXNdODub5ltQUl3dUA=",true],"front\\src\\stores\\counter.ts":["/7N/9sYfRkVC44cxg3HbiPSOPX8=",true],"front\\src\\assets\\main.css":["xqS/3PTh6C5M2LuZkrf4NjStADE=",true],"front\\src\\views\\AboutView.vue":["QjpeM5lrxjkCF5/41cWI2s35X+o=",true],"front\\src\\components\\__tests__\\HelloWorld.spec.ts":["ZyMjk669SfWhmm/lSTGRVETjJec=",true],"front\\src\\router\\index.ts":["XET/BsaTeel5fl2w0V+8yPrE2aI=",true],"front\\src\\views\\HomeView.vue":["9wWTSFupajNdqzizLBm5pWZncsQ=",true],"front\\src\\components\\WelcomeItem.vue":["p1+IOWNjUOTPgpzYMi0c2/1gsOQ=",true],"front\\src\\App.vue":["II8k+UMuwKBTvNYjLas5OZ+3ZlA=",true],"front\\src\\components\\HelloWorld.vue":["SNTtu+2UYwKLzucvBVYpbcqwKEw=",true],"front\\src\\components\\TheWelcome.vue":["JfcGMlZ6pGL+Blo9px5s89DLcVw=",true]},"modified":1773902661267}}
\ No newline at end of file
+
+