import { QueryClient, QueryClientProvider } from "@tanstack/react-query"; import { Outlet, Link, createRootRouteWithContext, useRouter, HeadContent, Scripts, } from "@tanstack/react-router"; import { useState } from "react"; import appCss from "../styles.css?url"; import { VaultProvider } from "@/lib/vault-context"; import { Toaster } from "@/components/ui/sonner"; function NotFoundComponent() { return (

404

Página não encontrada

A página que você procura não existe ou foi movida.

Ir para o início
); } function ErrorComponent({ error, reset }: { error: Error; reset: () => void }) { console.error(error); const router = useRouter(); return (

Algo deu errado

{error.message}

); } export const Route = createRootRouteWithContext<{ queryClient: QueryClient }>()({ head: () => ({ meta: [ { charSet: "utf-8" }, { name: "viewport", content: "width=device-width, initial-scale=1, viewport-fit=cover" }, { title: "AppPass — Seu cofre de senhas e cartões" }, { name: "description", content: "Organize senhas de sites, apps e cartões com criptografia ponta-a-ponta e desbloqueio por biometria." }, { name: "theme-color", content: "#0a2620" }, { name: "apple-mobile-web-app-capable", content: "yes" }, { name: "apple-mobile-web-app-status-bar-style", content: "black-translucent" }, { name: "apple-mobile-web-app-title", content: "AppPass" }, { property: "og:title", content: "AppPass — Cofre seguro de senhas" }, { property: "og:description", content: "Criptografia local, biometria e organização por categorias." }, { property: "og:type", content: "website" }, ], links: [ { rel: "manifest", href: "/manifest.json" }, { rel: "apple-touch-icon", href: "/icons/icon-192x192.png" }, { rel: "stylesheet", href: appCss }, { rel: "preconnect", href: "https://fonts.googleapis.com" }, { rel: "preconnect", href: "https://fonts.gstatic.com", crossOrigin: "anonymous" }, { rel: "stylesheet", href: "https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=Inter:wght@400;500;600;700&display=swap" }, ], }), shellComponent: RootShell, component: RootComponent, notFoundComponent: NotFoundComponent, errorComponent: ErrorComponent, }); function RootShell({ children }: { children: React.ReactNode }) { return ( {children} ); } function RootComponent() { const [queryClient] = useState(() => new QueryClient()); return ( ); }