I'm searching in svelte documentation about this, but I can't get it. What I want is to show only 4 objects from an array For example: let data = [ {id:1, name: 'John'}, {id:2, name: 'Peter'}, {id:3, name: 'Stev'}, {id:4,…
I am trying to link css file with my svelte kit component. I used link element to link it but it did not work. If I made internal style the css style will be applied to the component but when…
For some reason, images2 gets set to the same thing as images1 instead of galleryData.splice(0, 3), this is not what I want to happen. The second console.log(images2) prints what galleryData.splice(0, 3) returns <script> export let galleryData //Logic for organizing images…
<script> let count = {value:0}; const increase = (data)=>{ console.log(data); data = {...data,value: data.value+1}; } const increment = ()=>increase(count); </script> <button on:click={increment}> Clicked {count.value} {count.value === 1 ? 'time' : 'times'} </button> I simplified my problem to this code. I…
I have a factory function that creates a svelte store, which is bound to a Firebase Realtime object: // $lib/firebase.ts export function realtimeStore<Project>(path: string) { let unsubscribe: () => void const projectRef = ref(realtimeDB, path) const { subscribe } =…
I have been looking for a possible fix for this as I have no clue why this is happening. I have a really basic login POST function inside the /api folder. /src/routes/api/login/+server.ts import { redirect } from '@sveltejs/kit'; import type…
When having an #each block in svelte (like https://learn.svelte.dev/tutorial/keyed-each-blocks), the entry is only updated if the content changed. This works perfectly in the tutorials example, where a string is given as property to a nested component: {#each things as thing…
I’m having an issue using svelte. I’m trying to map an object passed as a prop and then use it in an #each block. It works fine until I try to bind the element to the object using bind:this. It…
Context: I am not new to programming, but I am new to front end development. That is, my background is mainly in scientific computing, and I now am building a basic web application. Main: I am starting from the ground…
I have a JS file that creates an iframe element and appends it to the body. I am planning on having it be used by other websites as a widget. I have it stored in src/lib/static/embed.js. If I am running…