works on RED-3

web-app-vue/src/pages/auth-page.vue

@@ -3,7 +3,7 @@
 </script>
 
 <template>
-
+<h1>Auth</h1>
 </template>
 
 <style scoped>

web-app-vue/src/pages/categorias-page.vue

@@ -0,0 +1,11 @@
+<script setup>
+
+</script>
+
+<template>
+<h1>Categorias</h1>
+</template>
+
+<style scoped>
+
+</style>

web-app-vue/src/pages/movimentacao-page.vue → web-app-vue/src/pages/config-page.vue

@@ -3,7 +3,7 @@
 </script>
 
 <template>
-
+<h1>Config</h1>
 </template>
 
 <style scoped>

web-app-vue/src/pages/contas-page.vue

@@ -0,0 +1,11 @@
+<script setup>
+
+</script>
+
+<template>
+<h1>Contas</h1>
+</template>
+
+<style scoped>
+
+</style>

web-app-vue/src/pages/movimentacoes-page.vue

@@ -0,0 +1,10 @@
+<script setup>
+
+</script>
+
+<template>
+<h1>Movimentações</h1>
+</template>
+<style scoped>
+
+</style>

web-app-vue/src/pages/nova-movimentacao-page.vue

@@ -0,0 +1,11 @@
+<script setup>
+
+</script>
+
+<template>
+<h1>Nova movimentação</h1>
+</template>
+
+<style scoped>
+
+</style>

web-app-vue/src/pages/planejamento-page.vue

@@ -0,0 +1,11 @@
+<script setup>
+
+</script>
+
+<template>
+<h1>Planejamento</h1>
+</template>
+
+<style scoped>
+
+</style>

web-app-vue/src/pages/recorrencias-page.vue

@@ -0,0 +1,11 @@
+<script setup>
+
+</script>
+
+<template>
+<h1>Recorrências</h1>
+</template>
+
+<style scoped>
+
+</style>

web-app-vue/src/routes/router.js

@@ -1,11 +1,23 @@
 import { createRouter, createWebHashHistory } from 'vue-router'
 import AuthPage from '@/pages/auth-page.vue'
-import MovimentacaoPage from '@/pages/movimentacao-page.vue'
+import NovaMovimentacaoPage from '@/pages/nova-movimentacao-page.vue'
+import CategoriasPage from '@/pages/categorias-page.vue'
+import ConfigPage from '@/pages/config-page.vue'
+import PlanejamentoPage from '@/pages/planejamento-page.vue'
+import RecorrenciasPage from '@/pages/recorrencias-page.vue'
+import ContasPage from '@/pages/contas-page.vue'
+import MovimentacoesPage from '@/pages/movimentacoes-page.vue'
 
 const routes = [
+  { path: '/', redirect: '/nova-movimentacao' },
   { component: AuthPage, path: '/auth' },
-  { component: MovimentacaoPage, path: '/movimentacao' },
-  { path: '/', redirect: '/movimentacao' }
+  { component: CategoriasPage, path: '/categorias' },
+  { component: ConfigPage, path: '/config' },
+  { component: ContasPage, path: '/contas' },
+  { component: MovimentacoesPage, path: '/movimentacoes' },
+  { component: NovaMovimentacaoPage, path: '/nova-movimentacao' },
+  { component: PlanejamentoPage, path: '/planejamento' },
+  { component: RecorrenciasPage, path: '/recorrencias' }
 ]
 
 export const router = createRouter({
@@ -15,7 +27,7 @@ export const router = createRouter({
 
 const isAuthenticated = false // TODO check token
 
-router.beforeEach(async (to, from) => {
+router.beforeEach(async (to) => {
   if (!isAuthenticated && to.path !== '/auth') {
     return { path: '/auth' }
   }