I made a component in SvelteKit that will have different styles based on the data provided. Part of the conditional styles are some background images that should be one of either two: The style tag looks like this: {#if true}…
In svelte, I'm currently templating out an array of messages like this: {#each messages as message, i} {@const isLast = i === messages.length - 1} <div class="card" class:active={isLast}> {message} </div> {/each} I then have a function where I can append…
Good afternoon. I have a website on Svelt based on markdown files. I need to make sure that posts are not published, excluded from the list of posts, if there is published: false in the frontmetter of these posts Let's…
I use svelte and flowbite that contain Popover view. By default popover view display above element that trigged it. How to display popover above other element? For example, I click button in bottom of page and popover display in top…
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…