qwik icon indicating copy to clipboard operation
qwik copied to clipboard

Link/route basename support ?

Open hafeyang opened this issue 2 years ago • 0 comments

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

hafeyang avatar Oct 18 '22 02:10 hafeyang