fix: build asset url

src/lib/url.ts

@@ -0,0 +1,11 @@
+/**
+ * Builds a URL to an asset in the public directory.
+ *
+ * @param path The relative path to use.
+ * @returns An absolute url string.
+ */
+export function asset(...path: string[]) {
+    return [import.meta.env.BASE_URL, ...path]
+        .join('/')
+        .replace(/[/]{2,}/g, '/')
+}

src/routes/__root.tsx

@@ -2,14 +2,14 @@ import AppSettingsDialog from '@/components/AppSettingsDialog'
 import AppTemplatesDialog from '@/components/AppTemplatesDialog'
 import Devtools from '@/components/Devtools'
 import { Toaster } from '@/components/ui/toaster'
+import { asset } from '@/lib/url'
 import { createRootRoute, Outlet } from '@tanstack/react-router'
 
-
 export const Route = createRootRoute({
     component: () => (<>
         <header className="fixed inset-x-0 top-0 z-50 h-16 bg-mjml-500 text-white">
             <div className="container mx-auto flex h-full flex-row flex-nowrap items-center gap-x-4">
-                <img src='/icon-192.png' className='size-12' />
+                <img src={asset('icon-192.png')} className='size-12' />
                 <p className="text-2xl font-bold">
                     mjml.app
                 </p>