Skip to content

Commit 9d6a406

Browse files
jchan444jchan444
committed
updated export project
1 parent d6a2340 commit 9d6a406

File tree

11 files changed

+276
-40
lines changed

11 files changed

+276
-40
lines changed

‎asdfsadfsafsafsafdsafsa/.eslintrc.cjs

Lines changed: 10 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,10 @@
1+
undefinedmodule.exports = {
2+
"root": true,
3+
"extends": [
4+
"plugin:vue/vue3-essential",
5+
"eslint:recommended"
6+
],
7+
"env": {
8+
"vue/setup-compiler-macros": true
9+
}
10+
}

‎asdfsadfsafsafsafdsafsa/index.html

Lines changed: 21 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,21 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
4+
<head>
5+
<meta charset="utf-8">
6+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
7+
<meta name="viewport" content="width=device-width,initial-scale=1.0">
8+
<link rel="icon" href="/favicon.ico">
9+
<title>New OverVue Project</title>
10+
</head>
11+
12+
<body>
13+
<noscript>
14+
<strong>We're sorry but vue-boiler-plate-routes doesn't work properly without JavaScript enabled. Please enable it
15+
to continue.</strong>
16+
</noscript>
17+
<div id="app"></div>
18+
<script type="module" src="/src/main.js"></script>
19+
</body>
20+
21+
</html>

‎asdfsadfsafsafsafdsafsa/package.json

Lines changed: 21 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,21 @@
1+
{
2+
"name": "My-OverVue-Project",
3+
"version": "0.0.0",
4+
"scripts": {
5+
"dev": "vite",
6+
"build": "vite build",
7+
"lint": "eslint . --ext .vue,.js,.jsx,.cjs,.mjs --fix --ignore-path .gitignore",
8+
"preview": "vite preview --port 5050"
9+
},
10+
"dependencies": {
11+
"vue": "^3.2.31",
12+
"vue-router": "^4.0.12",
13+
"vuex": "^4.0.2"
14+
},
15+
"devDependencies": {
16+
"@vitejs/plugin-vue": "^2.2.2",
17+
"eslint": "^8.5.0",
18+
"eslint-plugin-vue": "^8.2.0",
19+
"vite": "^2.8.4"
20+
}
21+
}

‎asdfsadfsafsafsafdsafsa/src/App.vue

Lines changed: 24 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,24 @@
1+
<template>
2+
<div id="app">
3+
<div id="nav">
4+
<router-link to="/App" class = "componentLinks">App</router-link>
5+
<router-link to="/">HomeView</router-link>
6+
<router-link to="/Parent" class = "componentLinks">Parent</router-link>
7+
<router-view></router-view>
8+
</div>
9+
</div>
10+
</template>
11+
12+
<style scoped>
13+
.componentLinks {
14+
margin: auto;
15+
text-align: center;
16+
display: flex;
17+
justify-content: space-between;
18+
padding: 1rem 2rem;
19+
background: #cfd8dc;
20+
border: 1px solid black;
21+
}
22+
23+
24+
</style >

‎asdfsadfsafsafsafdsafsa/src/components/Parent.vue

Lines changed: 50 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,50 @@
1+
<template>
2+
<div id = "idName" class = "ClassName">
3+
<div class = "divClass"></div>
4+
<button class = "btnClass"></button>
5+
<form></form>
6+
<p></p>
7+
</div>
8+
</template>
9+
10+
<script>
11+
import App from '@/components/App.vue';
12+
import HomeView from '@/components/HomeView.vue';
13+
import Parent from '@/components/Parent.vue';
14+
15+
export default {
16+
name: 'Parent',
17+
components: {
18+
App,
19+
HomeView,
20+
Parent,
21+
},
22+
data () {
23+
return {
24+
}
25+
},
26+
};
27+
</script>
28+
29+
<style scoped>
30+
.ClassName {
31+
background-color: #68905485;
32+
width: 863px;
33+
height: 799px;
34+
z-index: 0;
35+
}
36+
.divClass {
37+
height: 54%;
38+
width: 17%;
39+
top: 41%;
40+
left: 63%;
41+
z-index: 0;
42+
}
43+
.btnClass {
44+
height: 32%;
45+
width: 4%;
46+
top: 32%;
47+
left: 32%;
48+
z-index: 0;
49+
}
50+
</style >

‎asdfsadfsafsafsafdsafsa/src/main.js

Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,9 @@
1+
import { createApp } from 'vue';
2+
import store from './store'
3+
import App from './App.vue';
4+
import router from './router';
5+
6+
const app = createApp(App);
7+
app.use(router);
8+
app.use(store)
9+
app.mount('#app');

‎asdfsadfsafsafsafdsafsa/src/router/index.js

Lines changed: 20 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,20 @@
1+
import { createRouter, createWebHistory } from 'vue-router';
2+
import HomeView from '../views/HomeView.vue';
3+
import Parent from '../views/Parent.vue';
4+
export default createRouter({
5+
history: createWebHistory(import.meta.env.BASE_URL),
6+
routes: [
7+
8+
{
9+
path: '/',
10+
name:'HomeView',
11+
component:HomeView
12+
},
13+
14+
{
15+
path: '/',
16+
name:'Parent',
17+
component:Parent
18+
},
19+
]
20+
})

‎asdfsadfsafsafsafdsafsa/src/store/index.js

Lines changed: 17 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,17 @@
1+
import { createStore } from 'vuex';
2+
3+
const store = createStore({
4+
state () {
5+
return {
6+
//placeholder for state
7+
}
8+
},
9+
mutations: {
10+
//placeholder for mutations
11+
},
12+
actions: {
13+
//placeholder for actions
14+
}
15+
})
16+
17+
export default store;

‎asdfsadfsafsafsafdsafsa/src/views/HomeView.vue

Lines changed: 28 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,28 @@
1+
<template>
2+
<div>
3+
</div>
4+
</template>
5+
6+
<script>
7+
import App from '@/components/App.vue';
8+
import HomeView from '@/components/HomeView.vue';
9+
import Parent from '@/components/Parent.vue';
10+
11+
export default {
12+
name: 'HomeView',
13+
components: {
14+
App,
15+
HomeView,
16+
Parent,
17+
}
18+
};
19+
</script>
20+
21+
<style scoped>
22+
.ClassName {
23+
background-color: #68905485;
24+
width: 863px;
25+
height: 799px;
26+
z-index: 0;
27+
}
28+
</style >

‎asdfsadfsafsafsafdsafsa/vite.config.js

Lines changed: 13 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,13 @@
1+
import { fileURLToPath, URL } from 'url';
2+
3+
import { defineConfig } from 'vite';
4+
import vue from '@vitejs/plugin-vue';
5+
6+
export default defineConfig({
7+
plugins: [vue()],
8+
resolve: {
9+
alias: {
10+
'@': fileURLToPath(new URL('./src', import.meta.url))
11+
}
12+
}
13+
})

0 commit comments

Comments
 (0)