feat: repositorios, servicios, UI completa con rutas, Capacitor Android sync

apps/toldo-app/src/App.vue

@@ -1,7 +1,3 @@
-<script setup lang="ts">
-import HelloWorld from './components/HelloWorld.vue'
-</script>
-
 <template>
-  <HelloWorld />
+  <router-view />
 </template>

apps/toldo-app/src/components/Layout.vue

@@ -0,0 +1,29 @@
+<template>
+  <div class="layout">
+    <header>
+      <h1>ToldoConjunto - CESTA</h1>
+      <nav>
+        <router-link to="/">Inicio</router-link>
+        <router-link to="/inventario">Inventario</router-link>
+        <router-link to="/ventas">Ventas</router-link>
+        <router-link to="/gastos">Gastos</router-link>
+        <router-link to="/cuadre">Cuadre</router-link>
+        <router-link to="/reportes">Reportes</router-link>
+        <router-link to="/ajustes">Ajustes</router-link>
+        <router-link to="/exportar">Exportar/Importar</router-link>
+      </nav>
+    </header>
+    <main>
+      <router-view />
+    </main>
+  </div>
+</template>
+
+<style scoped>
+.layout { font-family: system-ui, sans-serif; }
+header { background: #2d5f3b; color: white; padding: 1rem; }
+nav { display: flex; gap: 1rem; flex-wrap: wrap; margin-top: 0.5rem; }
+nav a { color: white; text-decoration: none; }
+nav a.router-link-active { text-decoration: underline; }
+main { padding: 1rem; }
+</style>

apps/toldo-app/src/main.ts

@@ -1,5 +1,6 @@
 import { createApp } from 'vue'
 import './style.css'
 import App from './App.vue'
+import router from './router'
 
-createApp(App).mount('#app')
+createApp(App).use(router).mount('#app')

apps/toldo-app/src/router/index.ts

@@ -0,0 +1,32 @@
+import { createRouter, createWebHistory } from 'vue-router';
+import Layout from '../components/Layout.vue';
+import Home from '../views/Home.vue';
+import Inventario from '../views/Inventario.vue';
+import Ventas from '../views/Ventas.vue';
+import Gastos from '../views/Gastos.vue';
+import Cuadre from '../views/Cuadre.vue';
+import Reportes from '../views/Reportes.vue';
+import Ajustes from '../views/Ajustes.vue';
+import Exportar from '../views/Exportar.vue';
+
+const router = createRouter({
+  history: createWebHistory(),
+  routes: [
+    {
+      path: '/',
+      component: Layout,
+      children: [
+        { path: '', component: Home },
+        { path: 'inventario', component: Inventario },
+        { path: 'ventas', component: Ventas },
+        { path: 'gastos', component: Gastos },
+        { path: 'cuadre', component: Cuadre },
+        { path: 'reportes', component: Reportes },
+        { path: 'ajustes', component: Ajustes },
+        { path: 'exportar', component: Exportar },
+      ]
+    }
+  ]
+});
+
+export default router;

apps/toldo-app/src/views/Ajustes.vue

@@ -0,0 +1,6 @@
+<template>
+  <div>
+    <h2>Ajustes</h2>
+    <p>Módulo en desarrollo</p>
+  </div>
+</template>

apps/toldo-app/src/views/Cuadre.vue

@@ -0,0 +1,6 @@
+<template>
+  <div>
+    <h2>Cuadre</h2>
+    <p>Módulo en desarrollo</p>
+  </div>
+</template>

apps/toldo-app/src/views/Exportar.vue

@@ -0,0 +1,6 @@
+<template>
+  <div>
+    <h2>Exportar</h2>
+    <p>Módulo en desarrollo</p>
+  </div>
+</template>

apps/toldo-app/src/views/Gastos.vue

@@ -0,0 +1,6 @@
+<template>
+  <div>
+    <h2>Gastos</h2>
+    <p>Módulo en desarrollo</p>
+  </div>
+</template>

apps/toldo-app/src/views/Home.vue

@@ -0,0 +1,7 @@
+<template>
+  <div>
+    <h2>Inicio</h2>
+    <p>Sistema de gestión para el Toldo de CESTA</p>
+    <p>Funciona offline - Datos guardados localmente</p>
+  </div>
+</template>

apps/toldo-app/src/views/Inventario.vue

@@ -0,0 +1,6 @@
+<template>
+  <div>
+    <h2>Inventario</h2>
+    <p>Módulo en desarrollo</p>
+  </div>
+</template>

apps/toldo-app/src/views/Reportes.vue

@@ -0,0 +1,6 @@
+<template>
+  <div>
+    <h2>Reportes</h2>
+    <p>Módulo en desarrollo</p>
+  </div>
+</template>

apps/toldo-app/src/views/Ventas.vue

@@ -0,0 +1,6 @@
+<template>
+  <div>
+    <h2>Ventas</h2>
+    <p>Módulo en desarrollo</p>
+  </div>
+</template>