🎉 Initialize Vue.js + Vite project
This commit is contained in:
3
src/App.vue
Normal file
3
src/App.vue
Normal file
@ -0,0 +1,3 @@
|
||||
<template>
|
||||
<RouterView />
|
||||
</template>
|
0
src/assets/base.css
Normal file
0
src/assets/base.css
Normal file
9
src/main.js
Normal file
9
src/main.js
Normal file
@ -0,0 +1,9 @@
|
||||
import { createApp } from "vue";
|
||||
import App from "./App.vue";
|
||||
import router from "./router";
|
||||
|
||||
const app = createApp(App);
|
||||
|
||||
app.use(router);
|
||||
|
||||
app.mount("#app");
|
15
src/router/index.js
Normal file
15
src/router/index.js
Normal file
@ -0,0 +1,15 @@
|
||||
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,
|
||||
},
|
||||
],
|
||||
});
|
||||
|
||||
export default router;
|
5
src/views/HomeView.vue
Normal file
5
src/views/HomeView.vue
Normal file
@ -0,0 +1,5 @@
|
||||
<template>
|
||||
<main>
|
||||
<h1>Hello World!</h1>
|
||||
</main>
|
||||
</template>
|
Reference in New Issue
Block a user