[Solved]: Help with using virtual file routes in Start

import { defineConfig } from 'vite'
import { devtools } from '@tanstack/devtools-vite'
import { tanstackStart } from '@tanstack/react-start/plugin/vite'
import viteReact from '@vitejs/plugin-react'
import viteTsConfigPaths from 'vite-tsconfig-paths'
import tailwindcss from '@tailwindcss/vite'
import { nitro } from 'nitro/vite'
import { tanstackRouter } from '@tanstack/router-plugin/vite'

const config = defineConfig({
  plugins: [
    devtools(),
    nitro(),
    // this is the plugin that enables path aliases
    viteTsConfigPaths({
      projects: ['./tsconfig.json'],
    }),
    tailwindcss(),
    tanstackStart(),
    tanstackRouter({
      target: 'react',
      virtualRouteConfig: './src/routes.ts',
      autoCodeSplitting: true,
      verboseFileRoutes: false,
    }),
    viteReact(),
  ],
})

export default config