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)…
I'm trying to dynamically import a Svelte component in my project, but I'm encountering a TypeError when including the file extension in the variable that holds the component name. Here is the working example: const componentName = "MyComponent"; let importedComponent…
I have three static web app services on Azure, each hosting a Svelte application. I am facing the same problem across all of these services. After a 10-15 minute pause in using the application, the first request takes between 6…