Remove HelloWorld and logging, add Budget page
This commit is contained in:
parent
b0ba63118e
commit
1bdd66a45a
@ -1,32 +0,0 @@
|
|||||||
<script setup>
|
|
||||||
import { ref } from 'vue'
|
|
||||||
|
|
||||||
defineProps({
|
|
||||||
msg: String
|
|
||||||
})
|
|
||||||
|
|
||||||
const count = ref(0)
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<template>
|
|
||||||
<h1>{{ msg }}</h1>
|
|
||||||
|
|
||||||
<p>
|
|
||||||
Recommended IDE setup:
|
|
||||||
<a href="https://code.visualstudio.com/" target="_blank">VSCode</a>
|
|
||||||
+
|
|
||||||
<a href="https://github.com/johnsoncodehk/volar" target="_blank">Volar</a>
|
|
||||||
</p>
|
|
||||||
|
|
||||||
<button type="button" @click="count++">count is: {{ count }}</button>
|
|
||||||
<p>
|
|
||||||
Edit
|
|
||||||
<code>components/HelloWorld.vue</code> to test hot module replacement.
|
|
||||||
</p>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<style scoped>
|
|
||||||
a {
|
|
||||||
color: #42b983;
|
|
||||||
}
|
|
||||||
</style>
|
|
8
web/src/pages/Budget.vue
Normal file
8
web/src/pages/Budget.vue
Normal file
@ -0,0 +1,8 @@
|
|||||||
|
<script>
|
||||||
|
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<template>
|
||||||
|
<h1>Budget</h1>
|
||||||
|
|
||||||
|
</template>
|
@ -2,7 +2,6 @@
|
|||||||
export default {
|
export default {
|
||||||
computed: {
|
computed: {
|
||||||
dashboard () {
|
dashboard () {
|
||||||
console.log(this.$store.state);
|
|
||||||
return this.$store.state;
|
return this.$store.state;
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
@ -1,9 +1,7 @@
|
|||||||
<script>
|
<script>
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
computed: {
|
computed: {
|
||||||
dashboard () {
|
dashboard () {
|
||||||
console.log(this.$store.state);
|
|
||||||
return this.$store.state;
|
return this.$store.state;
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
@ -1,12 +1,12 @@
|
|||||||
import { createRouter, createWebHashHistory } from 'vue-router'
|
import { createRouter, createWebHashHistory } from 'vue-router'
|
||||||
import HelloWorld from '../components/HelloWorld.vue';
|
import Budget from '../pages/Budget.vue';
|
||||||
import Dashboard from '../pages/Dashboard.vue';
|
import Dashboard from '../pages/Dashboard.vue';
|
||||||
import Login from '../pages/Login.vue';
|
import Login from '../pages/Login.vue';
|
||||||
|
|
||||||
const routes = [
|
const routes = [
|
||||||
{ path: '/', name: 'Index', component: Dashboard },
|
{ path: '/', name: 'Index', component: Dashboard },
|
||||||
{ path: '/login', name: 'Login', component: Login },
|
{ path: '/login', name: 'Login', component: Login },
|
||||||
{ path: '/uiae', name: 'Home', component: HelloWorld },
|
{ path: '/budget/:budgetid', name: 'Budget', component: Budget },
|
||||||
]
|
]
|
||||||
|
|
||||||
const router = createRouter({
|
const router = createRouter({
|
||||||
|
Loading…
x
Reference in New Issue
Block a user