I have the following piece of code (+layout.svelte): import { getLang } from "$lib/locale"; import { browser } from "$app/environment"; const loadLang = async () => { if (browser) { // return await getLang(document.documentElement.lang, "home").then( function (data: any) { //…
I have a focus/context bar chart that I created in d3. I want to put it in Svelte so that I can use it as a component. But I'm getting stuck figuring out how to bind the elements created in…
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…