KimeshType-Safe File-Based Routing for Vue

Build scalable Vue applications with file-based routing, layers, and auto-imports powered by Vue Router and TanStack Query

Get Started

View on GitHub

📁

File-Based Routing

Define routes by creating files. TanStack Router-style conventions with dynamic params, catch-all routes, and pathless layouts.

🔒

Type-Safe Navigation

Full TypeScript support with auto-generated route types. Get autocomplete for route names, params, and search queries.

🧩

Layer System

Modular architecture with composable layers. Share routes, components, and composables across projects.

⚡

Data Loading

Built-in data loading with createFileRoute loader. Supports caching, stale-while-revalidate, and TanStack Query integration.

Quick Example

src/routes/
├── __root.vue          # Root layout
├── index.vue           # / (home page)
├── about.vue           # /about
├── posts/
│   ├── index.vue       # /posts
│   └── $id.vue         # /posts/:id (dynamic)
└── $.vue               # Catch-all route

Each file automatically becomes a route. No manual route configuration needed.