Remove HelloWorld and logging, add Budget page

This commit is contained in:
Jan Bader 2022-01-22 16:20:57 +00:00
parent b0ba63118e
commit 1bdd66a45a
5 changed files with 10 additions and 37 deletions

View File

@ -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
View File

@ -0,0 +1,8 @@
<script>
</script>
<template>
<h1>Budget</h1>
</template>

View File

@ -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;
} }
}, },

View File

@ -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;
} }
}, },

View File

@ -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({