tg app

src/components/auth/LoginPage.vue

@@ -0,0 +1,14 @@
+<script setup lang="ts">
+
+
+const tgApp = window.Telegram.WebApp
+
+</script>
+
+<template>
+{{tgApp}}
+</template>
+
+<style scoped>
+
+</style>

src/router/index.ts

@@ -6,6 +6,7 @@ import CategoryCreateUpdate from "@/components/settings/CategoryCreateUpdate.vue
 import DashboardView from "@/components/dashboard/DashboardView.vue";
 import RecurrentyCreateUpdate from "@/components/settings/RecurrentyCreateUpdate.vue";
 import TransactionList from "@/components/transactions/TransactionList.vue";
+import LoginPage from "@/components/auth/LoginPage.vue";
 
 // 📝 Расширяем тип меты роутов (типобезопасный toolbar, requiresAuth, guestOnly)
 declare module 'vue-router' {
@@ -25,6 +26,7 @@ const NotificationSettings = () => import('@/components/settings/NotificationSet
 
 // Имена роутов для автокомплита и навигации
 export const enum RouteName {
+    Login = 'login',
     Dashboard = 'dashboard',
     TransactionList = 'transaction-list',
     SettingsList = 'settings-list',
@@ -39,6 +41,7 @@ export const enum RouteName {
 }
 
 const routes: RouteRecordRaw[] = [
+    {path: '/login', name: RouteName.Login, component: LoginPage, meta: {requiresAuth: false}},
     {path: '/', name: RouteName.Dashboard, component: DashboardView, meta: {requiresAuth: true}},
     {path: '/transactions', name: RouteName.TransactionList, component: TransactionList, meta: {requiresAuth: true}},
     {path: '/settings', name: RouteName.SettingsList, component: SettingsList, meta: {requiresAuth: true}},