+ You’ve successfully created a project with
+ Vite +
+ Vue 3. What's next?
+
+
+
+
+
diff --git a/src/components/TheWelcome.vue b/src/components/TheWelcome.vue
new file mode 100644
index 00000000..5f23d033
--- /dev/null
+++ b/src/components/TheWelcome.vue
@@ -0,0 +1,93 @@
+
+
+
+
+
+
+
+ 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 +
+ Volar.
+ If you need to test your components and web pages, check out
+ Cypress and
+ Cypress Component Testing.
+
+
+
+ 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 subscribe to
+ our mailing list and
+ follow the official
+ @vuejs
+ twitter 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.
+
+
\ No newline at end of file
diff --git a/src/components/WelcomeItem.vue b/src/components/WelcomeItem.vue
new file mode 100644
index 00000000..6cff1946
--- /dev/null
+++ b/src/components/WelcomeItem.vue
@@ -0,0 +1,86 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/components/__tests__/HelloWorld.spec.ts b/src/components/__tests__/HelloWorld.spec.ts
new file mode 100644
index 00000000..c80503c0
--- /dev/null
+++ b/src/components/__tests__/HelloWorld.spec.ts
@@ -0,0 +1,11 @@
+import { describe, expect, it } 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/src/components/icons/IconCommunity.vue b/src/components/icons/IconCommunity.vue
new file mode 100644
index 00000000..ea8ddefb
--- /dev/null
+++ b/src/components/icons/IconCommunity.vue
@@ -0,0 +1,12 @@
+
+
+
diff --git a/src/components/icons/IconDocumentation.vue b/src/components/icons/IconDocumentation.vue
new file mode 100644
index 00000000..63a85340
--- /dev/null
+++ b/src/components/icons/IconDocumentation.vue
@@ -0,0 +1,12 @@
+
+
+
diff --git a/src/components/icons/IconEcosystem.vue b/src/components/icons/IconEcosystem.vue
new file mode 100644
index 00000000..385a2029
--- /dev/null
+++ b/src/components/icons/IconEcosystem.vue
@@ -0,0 +1,12 @@
+
+
+
diff --git a/src/components/icons/IconSupport.vue b/src/components/icons/IconSupport.vue
new file mode 100644
index 00000000..7db961e4
--- /dev/null
+++ b/src/components/icons/IconSupport.vue
@@ -0,0 +1,12 @@
+
+
+
diff --git a/src/components/icons/IconTooling.vue b/src/components/icons/IconTooling.vue
new file mode 100644
index 00000000..dfca734d
--- /dev/null
+++ b/src/components/icons/IconTooling.vue
@@ -0,0 +1,18 @@
+
+
+
+
diff --git a/src/main.ts b/src/main.ts
new file mode 100644
index 00000000..786af441
--- /dev/null
+++ b/src/main.ts
@@ -0,0 +1,12 @@
+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/src/router/index.ts b/src/router/index.ts
new file mode 100644
index 00000000..35612dc5
--- /dev/null
+++ b/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/src/stores/counter.ts b/src/stores/counter.ts
new file mode 100644
index 00000000..252406e2
--- /dev/null
+++ b/src/stores/counter.ts
@@ -0,0 +1,16 @@
+import { defineStore } from "pinia";
+
+export const useCounterStore = defineStore({
+ id: "counter",
+ state: () => ({
+ counter: 0,
+ }),
+ getters: {
+ doubleCount: (state) => state.counter * 2,
+ },
+ actions: {
+ increment() {
+ this.counter++;
+ },
+ },
+});
diff --git a/src/views/AboutView.vue b/src/views/AboutView.vue
new file mode 100644
index 00000000..756ad2a1
--- /dev/null
+++ b/src/views/AboutView.vue
@@ -0,0 +1,15 @@
+
+
+
+