svelte

I am creating a blog using Sapper using the default sapper-template-rollup . In the blog folder, it does mention about generating data from markdown files. But I can't find how to do it? You may find this repo helpful. I also have an open PR on the Sapper Template repo, first revising the old Markdown branch in Jan. 2019 and then adding Svelte 3 support in May 2019, but it is probably easier to look at and clone my repo on GitLab , plus it has more current dependency updates I have not added to the PR yet. You might have more lick using MDsveX which is a Svelte Markdown processor, created by

I'm trying to deploy a Sapper built application via @now-node . The task is basically to deploy a Polka server with dependencies and to serve static/ and client/ files statically. I have managed to include the files that Lambda requires via includeFiles but now I see in the logs that the builder ignores dependencies described in package.json. The exact message is Starting server on port 3000 Cannot find module 'sirv' Did you forget to add it to "dependencies" in `package.json`? But I see in the build log that dependencies are not collected. Both package.json and package-lock.json are present

In Svelte, how should classes be changed on elements depending upon component state? For instance, you may wish to apply a class to a button under certain conditions, as in the following example. <button class="{{class}}"> Right now, this can be achieved by creating a computed property which would return class names, or empty strings, under certain conditions. However, I am concerned over whether this might be polluting the computed properties namespace. For instance, if there were a status , it might be desired to both set a dynamic text, like statusMessage , and a class, like statusClass .

I have looked at the documentation for [<svelte:component>] ( here ), but that looks like I would have had to import all of the possible templates at compile time. Is it possible in Svelte to load any number of arbitrary templates from something like a fetch() call based on a user action? Then inject data into it? Would it be inefficient to use <slot> for something like this, if I plan on updating it after the initial load? It's technically possible to create a component from the source text — the REPL does it , for example — since the compiler doesn't care if it's running in Node or the

When I iterate over a dynamic component like: <svelte:component collection={collection} uid={uid} this={upload_component} bind:action={restart}/> Is it possible to use a set of dynamic props for each component. Each component having it's own set of prop names and prop values. Solution example: <script> import Info from './Info.svelte'; const pkgs = [{ name: 'svelte', version: 3, speed: 'blazing', website: 'https://svelte.dev' }, ]; </script> <Info {...pkgs[0]}/> More in this Rich Harris answer here . Yes. You need spread props : <svelte:component this={upload_component} bind:action={restart} {