I am using SvelteKit, Vite.js, and the mariadb package with Node.js in my application. I have the following code in the db.js file: import mariadb from 'mariadb'; const databaseConnectionPoolConfig = { ... }; let databaseConnectionPool = undefined; export function createDatabaseConnectionPool()…
Im trying to access my color pallete within the script tag of my component: import pallete from "$src/style/pallete.scss"; but it is returning the export as a string: :export { mainColor: #e8d44d; mainColorHover: #c0aa1d; mainColorContrast: #1e1e1e; mainContrastDark: #000000; } I know…
keyword: show spinner Suppose when I hit a route, e.g. /dashboard, most of the page content is static but a few sub-components need real time data. If I fetch data in a load function, the whole route can't display anything…
How can I pass data from an innermost child component upwards through an arbitrary amount of different parent components, having each parent component modify the data all the way up until the outermost parent renders it? For example, suppose…
I was following the Svelte tutorial, more specifically the part about REST params, I tried to animate the whole thing; however, I only succeeded into animating what is inside the each block. I wanted to use animate:flip on the <p>…
I am using sveltekit with tailwind-css I want to be able to pass some behavior thru variables to the element <script> export let primary = 'fnt-blue-500'; export let accent = 'fnt-green-500'; export let translate_dir = '-translate-x'; export let translate_amount =…
I'm trying to use @aws-sdk/client-s3 to read and write some files to an S3 bucket. However, when trying to do this within SvelteKit I get this error: CredentialsProviderError: Could not load credentials from any providers at /repo-location/node_modules/@aws-sdk/credential-provider-node/dist-cjs/defaultProvider.js:13:11 This looks to…
The env: sveltekit 1.20.4 svelte 4.0.5 vite adapter-node How do I run startup code, before the server starts handling requests? I need to start multiple services before a single request is handled, and for it to happen when I start…
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 have this style conditions in an element: <input class="{isCompact ? (img !== null ? 'pr-5':'pr-2') : (img !== null ? 'pr-7':'pr-4') } " if isCompact is true then it will use the first conditional statements, the ones with smaller…