I have a webpage, that loads a script from a vite dev server. so at the end of body I have this tag <script type="module" src="https://localhost:5173/index.ts"></script> In general this works fine, and when I build and bundle everything it works…
New to SvelteKit and trying to figure this part out... Here's a couple of ways I was trying to achieve this, but the sidebar either doesn't load, or the navigation appears twice for some reason; with the snippet text only…
I have a Django application with authenticated (logged-in) users. UPDATE: using the built-in django authentication. I have another (Svelte) application using Auth.js (https://authjs.dev) for authentication, currently set up with github/facebook/linkedin. Now I want to send a user from the Django…
I'm making a selection bar for an app by using heavily styled radio buttons so I can make sure there can just be one element selected at a time and also using handy styling tricks so I had to code…
I have a $state with an array: let clicks = $state([]) I have an effect, which references the clicks state: $effect(() => { // Box selection if (autoDetectSettings.value.mode === 'box' && drawingBox && clicks.length === 2) { const poly =…
I have a problem with redirecting after submitting form in SvelteKit. I have some routes that needs authentication, before rendering it I'm checking if user is authenticated. routes │ ├── +page.svelte │ ├── login │ │ ├── +page.server.ts │ │ …
I'm trying to use Svelte 5 and SvelteKit inside PHP. I don't understand how to use the Imperative component API (https://svelte.dev/docs/svelte/imperative-component-api). Where do I put the following code? Do I put it in src/routes/main.js? import { mount } from 'svelte';…
I never noticed this before, but I've encountered a weird issue in my Sveltekit application. To put it simply, I have a ("/map") sub route that when refreshed/loaded directly as the sub route won't execute any JS, I noticed this…
I'm trying to build a simple front-end with Svelte, where I have a main page with different possible child components. My problem is that I can't get the child component to take up the full height of the page. Here…
I'm using Svelte 5. <a href="my-first-link"> <div> <!-- Some elements --> </div> <a href="my-second-link"> <div> <!-- Some other elements --> </div> </a> <div> <!-- Some elements --> </div> </a> Svelte is throwing a lint error: `<a>` is invalid inside `<a>`svelte(node_invalid_placement)…