chore: add warn message for new plugin namings

src/index.ts

@@ -8,6 +8,17 @@ import { buildRoutesMap } from './utils/build-route-maps'
 
 let server: ViteDevServer
 
+const routesCode = (imports: string | undefined, routesObject: string) => `
+${imports}
+      
+function moduleFactory(module) {
+  const { default: Component, clientLoader: loader, actionLoader: action, loader: _loader, action: _action, Component: _Component, ...rest } = module;
+  return { Component, loader, action, ...rest };
+}
+
+export const routes = ${routesObject}
+`
+
 export function invalidateVirtualModule(server: ViteDevServer): void {
   const { moduleGraph, ws } = server
   const module = moduleGraph.getModuleById('virtual:routes')
@@ -60,17 +71,13 @@ export const unpluginFactory: UnpluginFactory<Options | undefined> = options =>
         .replace(/SpreadEnd"/g, ')')
       // console.log(JSON.stringify(routesObject, null, 2))
 
-      const routesCode = `
-${imports}
-      
-function moduleFactory(module) {
-  const { default: Component, clientLoader: loader, actionLoader: action, loader: _loader, action: _action, Component: _Component, ...rest } = module;
-  return { Component, loader, action, ...rest };
-}
+      console.log(`
+        [Warn] You are using unplugin-remix-router v2. 
+        you should export Component as default, loader as clientLoader and action as clientAction. 
+        see example in https://github.com/ws-rush/unplugin-remix-router#readme
+      `)
 
-export const routes = ${routesObject}
-`
-      return routesCode
+      return routesCode(imports, routesObject)
     }
   },
   vite: {