@tanstack/create 0.61.2 → 0.61.4

package/dist/frameworks/react/examples/events/assets/src/routes/talks.$slug.tsx

@@ -4,7 +4,7 @@ import { Clock, User, ArrowLeft, Tag } from 'lucide-react'
 
 import { allTalks, allSpeakers } from 'content-collections'
 
-import RemyAssistant from '@/components/RemyAssistant'
+import RemyAssistant from '#/components/RemyAssistant'
 
 export const Route = createFileRoute('/talks/$slug')({
   loader: async ({ params }) => {

package/dist/frameworks/react/examples/events/assets/src/routes/talks.index.tsx

@@ -2,8 +2,8 @@ import { createFileRoute } from '@tanstack/react-router'
 
 import { allTalks } from 'content-collections'
 
-import TalkCard from '@/components/TalkCard'
-import RemyAssistant from '@/components/RemyAssistant'
+import TalkCard from '#/components/TalkCard'
+import RemyAssistant from '#/components/RemyAssistant'
 
 export const Route = createFileRoute('/talks/')({
   component: TalksPage,

package/dist/frameworks/react/examples/resume/assets/src/components/ResumeAssistant.tsx

@@ -3,8 +3,8 @@ import { Send, X, Briefcase, UserCheck } from "lucide-react";
 import { Streamdown } from "streamdown";
 import { Store } from "@tanstack/store";
 
-import { useResumeChat } from "@/lib/resume-ai-hook";
-import type { ResumeChatMessages } from "@/lib/resume-ai-hook";
+import { useResumeChat } from "#/lib/resume-ai-hook";
+import type { ResumeChatMessages } from "#/lib/resume-ai-hook";
 
 function Messages({ messages }: { messages: ResumeChatMessages }) {
   const messagesContainerRef = useRef<HTMLDivElement>(null);

package/dist/frameworks/react/examples/resume/assets/src/components/ui/badge.tsx

@@ -2,7 +2,7 @@ import * as React from "react"
 import { Slot } from "@radix-ui/react-slot"
 import { cva, type VariantProps } from "class-variance-authority"
 
-import { cn } from "@/lib/utils"
+import { cn } from "#/lib/utils"
 
 const badgeVariants = cva(
   "inline-flex items-center justify-center rounded-md border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden",

package/dist/frameworks/react/examples/resume/assets/src/components/ui/card.tsx

@@ -1,6 +1,6 @@
 import * as React from "react"
 
-import { cn } from "@/lib/utils"
+import { cn } from "#/lib/utils"
 
 function Card({ className, ...props }: React.ComponentProps<"div">) {
   return (

package/dist/frameworks/react/examples/resume/assets/src/components/ui/checkbox.tsx

@@ -2,7 +2,7 @@ import * as React from "react"
 import * as CheckboxPrimitive from "@radix-ui/react-checkbox"
 import { CheckIcon } from "lucide-react"
 
-import { cn } from "@/lib/utils"
+import { cn } from "#/lib/utils"
 
 function Checkbox({
   className,

package/dist/frameworks/react/examples/resume/assets/src/components/ui/hover-card.tsx

@@ -3,7 +3,7 @@
 import * as React from "react"
 import * as HoverCardPrimitive from "@radix-ui/react-hover-card"
 
-import { cn } from "@/lib/utils"
+import { cn } from "#/lib/utils"
 
 function HoverCard({
   ...props

package/dist/frameworks/react/examples/resume/assets/src/components/ui/separator.tsx

@@ -1,7 +1,7 @@
 import * as React from "react"
 import * as SeparatorPrimitive from "@radix-ui/react-separator"
 
-import { cn } from "@/lib/utils"
+import { cn } from "#/lib/utils"
 
 function Separator({
   className,

package/dist/frameworks/react/examples/resume/assets/src/routes/api.resume-chat.ts

@@ -10,7 +10,7 @@ import {
   getAllJobs,
   getAllEducation,
   searchExperience,
-} from '@/lib/resume-tools'
+} from '#/lib/resume-tools'
 
 export const Route = createFileRoute('/api/resume-chat')({
   server: {

package/dist/frameworks/react/examples/resume/assets/src/routes/index.tsx

@@ -3,17 +3,17 @@ import { marked } from 'marked'
 
 import { createFileRoute } from '@tanstack/react-router'
 import { allJobs, allEducations } from 'content-collections'
-import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card'
-import { Checkbox } from '@/components/ui/checkbox'
-import { Badge } from '@/components/ui/badge'
-import { Separator } from '@/components/ui/separator'
+import { Card, CardContent, CardHeader, CardTitle } from '#/components/ui/card'
+import { Checkbox } from '#/components/ui/checkbox'
+import { Badge } from '#/components/ui/badge'
+import { Separator } from '#/components/ui/separator'
 import {
   HoverCard,
   HoverCardContent,
   HoverCardTrigger,
-} from '@/components/ui/hover-card'
+} from '#/components/ui/hover-card'
 
-import ResumeAssistant from '@/components/ResumeAssistant'
+import ResumeAssistant from '#/components/ResumeAssistant'
 
 export const Route = createFileRoute('/')({
   component: App,

package/dist/frameworks/react/project/base/_dot_gitignore

@@ -3,7 +3,6 @@ node_modules
 dist
 dist-ssr
 *.local
-count.txt
 .env
 .nitro
 .tanstack

package/dist/frameworks/react/project/base/index.html.ejs

@@ -0,0 +1,13 @@
+<% if (!routerOnly) { ignoreFile() } %>
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title><%= projectName %></title>
+  </head>
+  <body>
+    <div id="app"></div>
+    <script type="module" src="/src/main.tsx"></script>
+  </body>
+</html>

package/dist/frameworks/react/project/base/package.json

@@ -2,6 +2,9 @@
   "name": "",
   "private": true,
   "type": "module",
+  "imports": {
+    "#/*": "./src/*"
+  },
   "scripts": {
     "dev": "vite dev --port 3000",
     "build": "vite build",
@@ -16,8 +19,7 @@
     "@tanstack/react-start": "^1.132.0",
     "lucide-react": "^0.561.0",
     "react": "^19.2.0",
-    "react-dom": "^19.2.0",
-    "vite-tsconfig-paths": "^5.1.4"
+    "react-dom": "^19.2.0"
   },
   "devDependencies": {
     "@tanstack/devtools-vite": "^0.3.11",
@@ -29,6 +31,7 @@
     "jsdom": "^27.0.0",
     "typescript": "^5.7.2",
     "vite": "^7.1.7",
+    "vite-tsconfig-paths": "^5.1.4",
     "vitest": "^3.0.5"
   }
 }

package/dist/frameworks/react/project/base/src/main.tsx.ejs

@@ -0,0 +1,24 @@
+<% if (!routerOnly) { ignoreFile() } %>
+import React from 'react'
+import ReactDOM from 'react-dom/client'
+import { RouterProvider, createRouter } from '@tanstack/react-router'
+import { routeTree } from './routeTree.gen'
+
+const router = createRouter({
+  routeTree,
+  defaultPreload: 'intent',
+  scrollRestoration: true,
+})
+
+declare module '@tanstack/react-router' {
+  interface Register {
+    router: typeof router
+  }
+}
+
+const rootElement = document.getElementById('app')!
+
+if (!rootElement.innerHTML) {
+  const root = ReactDOM.createRoot(rootElement)
+  root.render(<RouterProvider router={router} />)
+}

package/dist/frameworks/react/project/base/src/routes/__root.tsx.ejs

@@ -1,3 +1,33 @@
+<% if (routerOnly) { %>
+import { Outlet, createRootRoute } from '@tanstack/react-router'
+import { TanStackRouterDevtoolsPanel } from '@tanstack/react-router-devtools'
+import { TanStackDevtools } from '@tanstack/react-devtools'
+
+import '../styles.css'
+
+export const Route = createRootRoute({
+  component: RootComponent,
+})
+
+function RootComponent() {
+  return (
+    <>
+      <Outlet />
+      <TanStackDevtools
+        config={{
+          position: 'bottom-right',
+        }}
+        plugins={[
+          {
+            name: 'TanStack Router',
+            render: <TanStackRouterDevtoolsPanel />,
+          },
+        ]}
+      />
+    </>
+  )
+}
+<% } else { %>
 <% let hasContext = addOnEnabled["apollo-client"] || addOnEnabled["tanstack-query"]; %>
 import {
   HeadContent, Scripts, <% if (hasContext) { %>createRootRouteWithContext<% } else { %>createRootRoute<% } %> } from '@tanstack/react-router'
@@ -8,7 +38,7 @@ import Header from '../components/Header'
 <% } %><% for(const integration of integrations.filter(i => i.type === 'layout' || i.type === 'provider' || i.type === 'devtools')) { %>
 import <%= integration.jsName %> from '<%= relativePath(integration.path, true) %>'
 <% } %><% if (addOnEnabled.paraglide) { %>
-import { getLocale } from '@/paraglide/runtime'
+import { getLocale } from '#/paraglide/runtime'
 <% } %>
 import appCss from '../styles.css?url'
 <% if (addOnEnabled["apollo-client"]) { %>
@@ -17,7 +47,7 @@ import type { ApolloClientIntegration } from "@apollo/client-integration-tanstac
 <% if (addOnEnabled["tanstack-query"]) { %>
 import type { QueryClient } from '@tanstack/react-query'
 <% if (addOnEnabled.tRPC) { %>
-import type { TRPCRouter } from '@/integrations/trpc/router'
+import type { TRPCRouter } from '#/integrations/trpc/router'
 import type { TRPCOptionsProxy } from '@trpc/tanstack-react-query'
 <% } %>
 <% } %>
@@ -93,3 +123,4 @@ function RootDocument({ children }: { children: React.ReactNode }) {
     </html>
   )
 }
+<% } %>

package/dist/frameworks/react/project/base/tsconfig.json.ejs

@@ -5,6 +5,10 @@
     "target": "ES2022",
     "jsx": "react-jsx",
     "module": "ESNext",
+    "baseUrl": ".",
+    "paths": {
+      "@/*": ["./src/*"]
+    },
     "lib": ["ES2022", "DOM", "DOM.Iterable"],
     "types": ["vite/client"],
 
@@ -21,10 +25,6 @@
     "noUnusedLocals": true,
     "noUnusedParameters": true,
     "noFallthroughCasesInSwitch": true,
-    "noUncheckedSideEffectImports": true,
-    "baseUrl": ".",
-    "paths": {
-      "@/*": ["./src/*"]
-    }
+    "noUncheckedSideEffectImports": true
   }
 }

package/dist/frameworks/react/project/base/vite.config.ts.ejs

@@ -1,33 +1,28 @@
 import { defineConfig } from 'vite'
 import { devtools } from '@tanstack/devtools-vite'
+import tsconfigPaths from 'vite-tsconfig-paths'
 <% if (addOnEnabled.paraglide) { -%>
 import { paraglideVitePlugin } from "@inlang/paraglide-js"
 <% } -%>
+<% if (routerOnly) { %>
+import { tanstackRouter } from '@tanstack/router-plugin/vite'
+<% } else { %>
 import { tanstackStart } from '@tanstack/react-start/plugin/vite';
+<% } %>
 import viteReact from '@vitejs/plugin-react'
-import viteTsConfigPaths from 'vite-tsconfig-paths'
-import { fileURLToPath, URL } from 'node:url'
 import tailwindcss from "@tailwindcss/vite"
 <% for(const integration of integrations.filter(i => i.type === 'vite-plugin')) { %><%- integrationImportContent(integration) %>
 <% } %>
 
 const config = defineConfig({
-  resolve: {
-    alias: {
-      '@': fileURLToPath(new URL('./src', import.meta.url)),
-    },
-  },
   plugins: [devtools(), <% if (addOnEnabled.paraglide) { %>paraglideVitePlugin({
     project: './project.inlang',
     outdir: './src/paraglide',
-    strategy: ['url'],
+    strategy: ['url', "baseLocale"],
   }), <% } %><% for(const integration of integrations.filter(i => i.type === 'vite-plugin')) { %><%- integrationImportCode(integration) %>,<% } %>
-    // this is the plugin that enables path aliases
-    viteTsConfigPaths({
-      projects: ['./tsconfig.json'],
-    }),
+    tsconfigPaths({ projects: ['./tsconfig.json'] }),
     tailwindcss(),
-    tanstackStart(),
+    <% if (routerOnly) { %>tanstackRouter({ target: 'react', autoCodeSplitting: true }),<% } else { %>tanstackStart(),<% } %>
     viteReact(<% if (addOnEnabled.compiler) { %>{
       babel: {
         plugins: ["babel-plugin-react-compiler"],

package/dist/frameworks/react/toolchains/eslint/assets/eslint.config.js

@@ -2,4 +2,19 @@
 
 import { tanstackConfig } from '@tanstack/eslint-config'
 
-export default [...tanstackConfig]
+export default [
+  ...tanstackConfig,
+  {
+    rules: {
+      'import/no-cycle': 'off',
+      'import/order': 'off',
+      'sort-imports': 'off',
+      '@typescript-eslint/array-type': 'off',
+      '@typescript-eslint/require-await': 'off',
+      'pnpm/json-enforce-catalog': 'off',
+    },
+  },
+  {
+    ignores: ['eslint.config.js', 'prettier.config.js'],
+  },
+]

package/dist/frameworks/solid/project/base/_dot_gitignore

@@ -10,4 +10,3 @@ dist-ssr
 .output
 .vinxi
 __unconfig*
-count.txt

package/dist/frameworks/solid/project/base/index.html.ejs

@@ -0,0 +1,13 @@
+<% if (!routerOnly) { ignoreFile() } %>
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title><%= projectName %></title>
+  </head>
+  <body>
+    <div id="app"></div>
+    <script type="module" src="/src/main.tsx"></script>
+  </body>
+</html>

package/dist/frameworks/solid/project/base/src/main.tsx.ejs

@@ -0,0 +1,23 @@
+<% if (!routerOnly) { ignoreFile() } %>
+import { render } from 'solid-js/web'
+import { RouterProvider, createRouter } from '@tanstack/solid-router'
+import { routeTree } from './routeTree.gen'
+
+const router = createRouter({
+  routeTree,
+  defaultPreload: 'intent',
+  defaultPreloadStaleTime: 0,
+  scrollRestoration: true,
+})
+
+declare module '@tanstack/solid-router' {
+  interface Register {
+    router: typeof router
+  }
+}
+
+const rootElement = document.getElementById('app')!
+
+if (!rootElement.innerHTML) {
+  render(() => <RouterProvider router={router} />, rootElement)
+}

package/dist/frameworks/solid/project/base/src/routes/__root.tsx.ejs

@@ -1,3 +1,22 @@
+<% if (routerOnly) { %>
+import { Outlet, createRootRoute } from '@tanstack/solid-router'
+import { TanStackRouterDevtools } from '@tanstack/solid-router-devtools'
+
+import '../styles.css'
+
+export const Route = createRootRoute({
+  component: RootComponent,
+})
+
+function RootComponent() {
+  return (
+    <>
+      <Outlet />
+      <TanStackRouterDevtools position="bottom-right" />
+    </>
+  )
+}
+<% } else { %>
 import { HeadContent, Outlet, Scripts, createRootRouteWithContext } from '@tanstack/solid-router'
 import { TanStackRouterDevtools } from '@tanstack/solid-router-devtools'
 
@@ -47,3 +66,4 @@ function RootComponent() {
       </html>
     );
 }
+<% } %>

package/dist/frameworks/solid/project/base/vite.config.ts.ejs

@@ -2,7 +2,11 @@ import { defineConfig } from "vite";
 import { devtools } from '@tanstack/devtools-vite'
 import viteTsConfigPaths from 'vite-tsconfig-paths'
 import tailwindcss from "@tailwindcss/vite"
+<% if (routerOnly) { %>
+import { tanstackRouter } from '@tanstack/router-plugin/vite'
+<% } else { %>
 import { tanstackStart } from "@tanstack/solid-start/plugin/vite";
+<% } %>
 import solidPlugin from 'vite-plugin-solid';
 <% for(const integration of integrations.filter(i => i.type === 'vite-plugin')) { %><%- integrationImportContent(integration) %>
 <% } %>
@@ -15,7 +19,7 @@ export default defineConfig({
       projects: ['./tsconfig.json'],
     }),
     tailwindcss(),
-    tanstackStart(),
-    solidPlugin({ ssr: true }),
+    <% if (routerOnly) { %>tanstackRouter({ target: 'solid', autoCodeSplitting: true }),<% } else { %>tanstackStart(),<% } %>
+    solidPlugin(<% if (!routerOnly) { %>{ ssr: true }<% } %>),
   ],
 })

package/dist/frameworks/solid/toolchains/eslint/assets/eslint.config.js

@@ -2,4 +2,19 @@
 
 import { tanstackConfig } from "@tanstack/eslint-config";
 
-export default [...tanstackConfig];
+export default [
+  ...tanstackConfig,
+  {
+    rules: {
+      "import/no-cycle": "off",
+      "import/order": "off",
+      "sort-imports": "off",
+      "@typescript-eslint/array-type": "off",
+      "@typescript-eslint/require-await": "off",
+      "pnpm/json-enforce-catalog": "off",
+    },
+  },
+  {
+    ignores: ["eslint.config.js", "prettier.config.js"],
+  },
+];

package/dist/package-json.js

@@ -49,6 +49,7 @@ export function createPackageJSON(options) {
                 jsx: 'tsx',
                 fileRouter: options.mode === 'file-router',
                 codeRouter: options.mode === 'code-router',
+                routerOnly: options.routerOnly === true,
                 addOnEnabled: options.chosenAddOns.reduce((acc, addon) => {
                     acc[addon.id] = true;
                     return acc;
@@ -71,6 +72,25 @@ export function createPackageJSON(options) {
     if (options.starter) {
         packageJSON = mergePackageJSON(packageJSON, options.starter.packageAdditions);
     }
+    if (options.routerOnly) {
+        if (options.framework.id === 'react-cra') {
+            delete packageJSON.dependencies?.['@tanstack/react-start'];
+            delete packageJSON.dependencies?.['@tanstack/react-router-ssr-query'];
+            packageJSON.devDependencies = {
+                ...(packageJSON.devDependencies ?? {}),
+                '@tanstack/router-plugin': packageJSON.devDependencies?.['@tanstack/router-plugin'] ?? '^1.132.0',
+            };
+        }
+        if (options.framework.id === 'solid') {
+            delete packageJSON.dependencies?.['@tanstack/solid-start'];
+            delete packageJSON.dependencies?.['@tanstack/solid-router-ssr-query'];
+            delete packageJSON.scripts?.start;
+            packageJSON.devDependencies = {
+                ...(packageJSON.devDependencies ?? {}),
+                '@tanstack/router-plugin': packageJSON.devDependencies?.['@tanstack/router-plugin'] ?? '^1.133.20',
+            };
+        }
+    }
     packageJSON.dependencies = sortObject((packageJSON.dependencies ?? {}));
     packageJSON.devDependencies = sortObject((packageJSON.devDependencies ?? {}));
     return packageJSON;

package/dist/template-file.js

@@ -82,6 +82,7 @@ export function createTemplateFile(environment, options) {
             jsx: 'tsx',
             fileRouter: options.mode === 'file-router',
             codeRouter: options.mode === 'code-router',
+            routerOnly: options.routerOnly === true,
             addOnEnabled,
             addOnOption: options.addOnOptions,
             addOns: options.chosenAddOns,

package/dist/types/types.d.ts

@@ -1274,6 +1274,7 @@ export interface Options {
     chosenAddOns: Array<AddOn>;
     addOnOptions: Record<string, Record<string, any>>;
     starter?: Starter | undefined;
+    routerOnly?: boolean;
 }
 export type SerializedOptions = Omit<Options, 'chosenAddOns' | 'starter' | 'framework'> & {
     chosenAddOns: Array<string>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tanstack/create",
-  "version": "0.61.2",
+  "version": "0.61.4",
   "description": "TanStack Application Builder Engine",
   "type": "module",
   "main": "./dist/index.js",

package/src/frameworks/react/add-ons/ai/assets/src/components/demo-AIAssistant.tsx

@@ -5,8 +5,8 @@ import { Store } from '@tanstack/store'
 import { Send, X, ChevronRight, BotIcon } from 'lucide-react'
 import { Streamdown } from 'streamdown'
 
-import { useGuitarRecommendationChat } from '@/lib/demo-ai-hook'
-import type { ChatMessages } from '@/lib/demo-ai-hook'
+import { useGuitarRecommendationChat } from '#/lib/demo-ai-hook'
+import type { ChatMessages } from '#/lib/demo-ai-hook'
 
 import GuitarRecommendation from './demo-GuitarRecommendation'
 

package/src/frameworks/react/add-ons/ai/assets/src/components/demo-GuitarRecommendation.tsx

@@ -2,7 +2,7 @@ import { useNavigate } from '@tanstack/react-router'
 
 import { showAIAssistant } from './demo-AIAssistant'
 
-import guitars from '@/data/demo-guitars'
+import guitars from '#/data/demo-guitars'
 
 export default function GuitarRecommendation({ id }: { id: string }) {
   const navigate = useNavigate()

package/src/frameworks/react/add-ons/ai/assets/src/lib/demo-ai-hook.ts

@@ -6,7 +6,7 @@ import {
 import type { InferChatMessages } from '@tanstack/ai-react'
 import { clientTools } from '@tanstack/ai-client'
 
-import { recommendGuitarToolDef } from '@/lib/demo-guitar-tools'
+import { recommendGuitarToolDef } from '#/lib/demo-guitar-tools'
 
 const recommendGuitarToolClient = recommendGuitarToolDef.client(({ id }) => ({
   id: +id,

package/src/frameworks/react/add-ons/ai/assets/src/lib/demo-guitar-tools.ts

@@ -1,6 +1,6 @@
 import { toolDefinition } from '@tanstack/ai'
 import { z } from 'zod'
-import guitars from '@/data/demo-guitars'
+import guitars from '#/data/demo-guitars'
 
 // Tool definition for getting guitars
 export const getGuitarsToolDef = toolDefinition({

package/src/frameworks/react/add-ons/ai/assets/src/routes/demo/ai-chat.tsx

@@ -11,12 +11,12 @@ import {
 } from 'lucide-react'
 import { Streamdown } from 'streamdown'
 
-import { useGuitarRecommendationChat } from '@/lib/demo-ai-hook'
-import type { ChatMessages } from '@/lib/demo-ai-hook'
-import { useAudioRecorder } from '@/hooks/demo-useAudioRecorder'
-import { useTTS } from '@/hooks/demo-useTTS'
+import { useGuitarRecommendationChat } from '#/lib/demo-ai-hook'
+import type { ChatMessages } from '#/lib/demo-ai-hook'
+import { useAudioRecorder } from '#/hooks/demo-useAudioRecorder'
+import { useTTS } from '#/hooks/demo-useTTS'
 
-import GuitarRecommendation from '@/components/demo-GuitarRecommendation'
+import GuitarRecommendation from '#/components/demo-GuitarRecommendation'
 
 import './ai-chat.css'
 

package/src/frameworks/react/add-ons/ai/assets/src/routes/demo/api.ai.chat.ts

@@ -5,7 +5,7 @@ import { openaiText } from '@tanstack/ai-openai'
 import { geminiText } from '@tanstack/ai-gemini'
 import { ollamaText } from '@tanstack/ai-ollama'
 
-import { getGuitars, recommendGuitarToolDef } from '@/lib/demo-guitar-tools'
+import { getGuitars, recommendGuitarToolDef } from '#/lib/demo-guitar-tools'
 
 const SYSTEM_PROMPT = `You are a helpful assistant for a store that sells guitars.
 

package/src/frameworks/react/add-ons/ai/assets/src/routes/demo/guitars/$guitarId.tsx

@@ -1,6 +1,6 @@
 import { Link, createFileRoute } from '@tanstack/react-router'
 
-import guitars from '@/data/demo-guitars'
+import guitars from '#/data/demo-guitars'
 
 export const Route = createFileRoute('/demo/guitars/$guitarId')({
   component: RouteComponent,

package/src/frameworks/react/add-ons/ai/assets/src/routes/demo/guitars/index.tsx

@@ -1,6 +1,6 @@
 import { Link, createFileRoute } from '@tanstack/react-router'
 
-import guitars from '@/data/demo-guitars'
+import guitars from '#/data/demo-guitars'
 
 export const Route = createFileRoute('/demo/guitars/')({
   component: GuitarsIndex,

package/src/frameworks/react/add-ons/better-auth/assets/src/integrations/better-auth/header-user.tsx

@@ -1,4 +1,4 @@
-import { authClient } from "@/lib/auth-client";
+import { authClient } from "#/lib/auth-client";
 import { Link } from "@tanstack/react-router";
 
 export default function BetterAuthHeader() {

package/src/frameworks/react/add-ons/better-auth/assets/src/routes/api/auth/$.ts

@@ -1,5 +1,5 @@
 import { createFileRoute } from '@tanstack/react-router'
-import { auth } from '@/lib/auth'
+import { auth } from '#/lib/auth'
 
 export const Route = createFileRoute('/api/auth/$')({
   server: {

package/src/frameworks/react/add-ons/better-auth/assets/src/routes/demo/better-auth.tsx

@@ -1,6 +1,6 @@
 import { createFileRoute } from "@tanstack/react-router";
 import { useState } from "react";
-import { authClient } from "@/lib/auth-client";
+import { authClient } from "#/lib/auth-client";
 
 export const Route = createFileRoute("/demo/better-auth")({
   component: BetterAuthDemo,

package/src/frameworks/react/add-ons/db/assets/src/components/demo.chat-area.tsx

@@ -1,6 +1,6 @@
 import { useState } from 'react'
 
-import { useChat, useMessages } from '@/hooks/demo.useChat'
+import { useChat, useMessages } from '#/hooks/demo.useChat'
 
 import Messages from './demo.messages'