href's for a github pages project - github-pages

Question

I have a github pages svelte app based on myuser.github.io - it works.
I have also created a github pages based on a project (sveltekit) so the url is myuser.github.io/sveltekit. The repo is set so that github pages is served from gh-pages and root. This only sorts of works(!)
The problem is navigation. Here is the navigation code in __layout.svelte
<nav>
Home
About
Settings
</nav>
But when I run this under github Pages, the home page comes up but the other links show as myuser/github.io/about which will give a 404.
if the code is
<nav>
Home
About
Settings
</nav>
then other links work once and are then eg myuser.github.io/about/settings which is, once again, a 404.
So though github pages allows me to have sub repos under the top level, navigation for these is based on root of the top level rather than root being defined as the root of that repo. And the only options are root and /docs.
Is there a way of setting root to /sveltekit/ ?
Another problem is that styling is displaying on github pages though does when the site is run under preview or dev.

Answer 1

I made two changes
svelte.config.js in kit
paths: {
base: '/sveltekit',
assets: '/sveltekit'
},
and in __layout.svelte
<script>
import { base } from '$app/paths';
</script>
<nav>
Home
About
Settings
</nav>
And now navigation works and I also get styling.