qwik
qwik copied to clipboard
Link/route basename support ?
Is your feature request related to a problem?
import { component$ } from '@builder.io/qwik';
export default component$(() => {
return (
<>
<Link href="flower">Flower</Link>
</>
);
});
deployed to basename as /apps/myapp
Flower link expect to link to /apps/myapp/flower
not /flower
code generated as
<a href="/flower" preventdefault:click="" on:click="q-87fad22b.js#s_hA9UPaY8sNQ[0 1 2]" on:mouseover="q-87fad22b.js#s_skxgNVWVOT8" on:qvisible="q-87fad22b.js#s_uVE5iM9H73c" q:id="8"><!--qv q:s q:sref=7 q:key=-->Flower<!--/qv--></a>
Describe the solution you'd like
like react-router
add 'basename' prop for QwikCity component
import { component$ } from '@builder.io/qwik';
import { QwikCity, RouterOutlet, ServiceWorkerRegister } from '@builder.io/qwik-city';
import { RouterHead } from './components/router-head/router-head';
import './global.css';
export default component$(() => {
return (
<QwikCity basename='/apps/myapp'>
<head>
<meta charSet="utf-8" />
<RouterHead />
</head>
<body lang="en">
<RouterOutlet />
<ServiceWorkerRegister />
</body>
</QwikCity>
);
});
Describe alternatives you've considered
[none]
Additional context
No response