Binding two number inputs to variables so one input is always bigger than or...
I want to have two inputs:Input A initialy containing a prop named "min" showing the maximum number possible in inputsInput B initialy containing a prop named "max" showing the maximum number possible...
View ArticleHow to show 404 error page in SvelteKit after route is rendered
I would like to show 404 manually after load() (in +page.ts) is already resolved.Eg as result of streamed data or data loaded lazily on client side.In such case simple throw error(404) can't be used,...
View ArticleSvelteKit: SVG on HTML page, or as standalone SVG file depending on route
I have a component, image.svelte which renders an SVG file. On one route, say /image, I want a page that includes that component rendered within an HTML document. But if you go to /image.svg, I want...
View ArticleDisplay html-Input-value as german formatted Number on input-change, while...
So German decimal numbers use a decimal comma. When formatting we also use the period for grouping digits. So the number 10000.45 would be formatted as 10.000,45.Now I would like to have an input-field...
View ArticleDefining a global component in svelte in Inertia.js as in vue.js
import { createApp, h } from 'vue';import {createInertiaApp, Link} from '@inertiajs/inertia-vue3';import { InertiaProgress } from '@inertiajs/progress'createInertiaApp({ resolve: name => { const...
View ArticleCan you pass JSON Data from Svelte Client side to Server and vice versa?
In the documentation you can "preload" server-side data and pass that like a prop to the client using a load function. That makes sense but lets say I'm building a direct message component and need to...
View ArticleI tried to import ccxt into my svelte kit app and got ReferenceError: Buffer...
I have a minimal reproducible example here about this issue. The issue is that import ccxt from "ccxt" gives this errorReferenceError: Buffer is not defined at...
View ArticleHow do I load pico css from node_modules in a svelte-kit app?
Installed with $ npm install @picocss/pico -Din rollup.config.js:import css from "rollup-plugin-css-only";... plugins: [ css({ output: "static/bundle.css" }), ],In ./routes/__layout.svelte I...
View ArticleHow to intialize a service globally and export to be used by other modules in...
I am trying to integrate mixpanel in my svelte project. To intializae mixpanel instance i need to do something like :import {mixpanel} from 'mixpanel-browser'mixpanel.init('TOKEN', {options});// and...
View ArticleHow would I go about creating a Django + SvelteKit webapp?
I've already gotten my fair share of Bootstrap and Django but never tried out other frontend frameworks like Angular, React, etc. and finally wanted to try SvelteKit. So I'm really inexperienced and...
View ArticleToken is generated at the endpoint but does not arrive on the page
I want to create a website with Svelte/Kit and use JWT.I have found instructions on the internet, for example:Svelte JWT Authentication https://morioh.com/p/1d95522418b2SvelteKit Session Authentication...
View ArticleWhere should I refresh my JWT in SvelteKit
I'm trying to implement JWT authentication in a SvelteKit-app and I'm having trouble with where in the code I should refresh my accesstoken on site-reload.According to what I have found I should store...
View ArticlePouchDB and SvelteKit
I want to use PouchDB with SvelteKit. I have copied pouchdb-7.2.1.js to /src/libd in SvelteKit and renamed it to pouchdb.js. Pouchdb should run in the browser. Therefore I have used ssr=false to...
View ArticleLabelling explicit types for anonymous function in HTML part of svelte component
I have a svelte component in Foo.svelte that looks like this:<script lang="ts"> ...</script><input on:input={(evt) => console.log("hello there")} />Eslint gives me an error for the...
View ArticleIssue with Date Range Selection and Independent Year selection for Two...
I am using Flatpickr in svelte for date range selection in my project and encountered a specific issue regarding the Independent Year selection for two calendars. Currently, when I change the year for...
View ArticleImport Svelte component globally
In my app i have Snackbar component which is used in multiple other components. At the moment im importing the Snackbar component into each component, where it will be used, and all is working fine Was...
View ArticleHow Do I Add TypeScript to a SvelteKit Handle Function in Hooks?
I am currently using the following in my hooks.ts file in a SvelteKit app:export async function handle({ event, resolve }) { console.log(event.locals) //<-- Works fine}I'm trying to figure out how...
View ArticleHow does the parent component re-execute a function after a Svelte child...
I have a svelte code.I want to implement a function that the parent component re-executes after the child component is updated.I am facing a problem now.After the child component is updated, the parent...
View ArticleSvelteKit: How to specify port number on node build?
I'm trying to develop a series of SvelteKit apps for my business. I want to run them all on the same Windows Server using Node; they're fairly small.I can deploy the first one (using the SvelteKit Node...
View ArticleUnexpected "Internal Error" when accessing my user authorized dashboard after...
I'm encountering an unexpected error in my SvelteKit application when trying to access the /account route as I'm logging in or occasionally on a page refresh.This error doesn't happen every time and...
View Article