fix: escape vite asset import suffixes

Add the regix to exclude all vite asset import suffixes,
might be better done in the @hono/vite-dev-server, but this
fixes the issue for now

examples/node/app/routes/_index.tsx

@@ -1,5 +1,6 @@
 import type { LoaderFunctionArgs } from '@remix-run/node'
 import { useLoaderData } from '@remix-run/react'
+import logoDark from '/logo-dark.png?inline'
 
 export const loader = (args: LoaderFunctionArgs) => {
   const extra = args.context.extra
@@ -14,6 +15,12 @@ export default function Index() {
       <h1>Remix and Hono</h1>
       <h2>URL is {url}</h2>
       <h3>Extra is {extra}</h3>
+      <div >
+        <img
+          src={logoDark}
+          alt="Remix"
+        />
+      </div>
     </div>
   )
 }

examples/node/e2e.test.ts

@@ -15,6 +15,11 @@ test('Should return 200 response - /', async ({ page }) => {
 
   const contentH3 = await page.textContent('h3')
   expect(contentH3).toBe('Extra is stuff')
+
+  const images = await page.$$('img')
+  expect(images.length).toBe(1)
+ const imageResponse = await page.goto('/logo-dark.png')
+ expect(imageResponse?.status()).toBe(200)
 })
 
 test('Should return 200 response - /api', async ({ page }) => {

src/vite-plugin.ts

@@ -31,6 +31,8 @@ export default (options: Options): Plugin => {
       '/assets/**',
       '/app/**',
       '/src/app/**',
+      // matches for vite's import assets suffixes
+      /\?(inline|url|no-inline|raw)/,
     ],
     injectClientScript: false,
     loadModule: async (server, entry) => {