Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Add support for SvelteKit #112

Open
1 of 4 tasks
alexander-mart opened this issue May 9, 2021 · 3 comments
Open
1 of 4 tasks

Add support for SvelteKit #112

alexander-mart opened this issue May 9, 2021 · 3 comments

Comments

@alexander-mart
Copy link
Contributor

alexander-mart commented May 9, 2021

https://kit.svelte.dev/

@alexander-mart alexander-mart changed the title SvelteKit installation manual Add support for SvelteKit May 9, 2021
@alexander-mart
Copy link
Contributor Author

alexander-mart commented May 9, 2021

How to use Svelma with SvelteKit

  1. pnpm init svelte@next svelma-test-app
  2. pnpm i
  3. pnpm i bulma svelma rollup-plugin-postcss
  4. Add example button to home page:
<!-- src/routes/index.svelte -->
<script lang="ts">
  import 'bulma/css/bulma.css'
  import Button from 'svelma/src/components/Button.svelte' // This way of import for SSR support
</script>

<Button type="is-primary">I'm a Button!</Button>

@abbychau
Copy link
Collaborator

abbychau commented May 10, 2021

Thank you very much.
I didn't know SvelteKit. Looks good to have SvelteKit to be a successor of sapper.

@kissu
Copy link

kissu commented Jul 26, 2021

What do you do with rollup-plugin-postcss? Don't we need to add it somewhere?
I'm not sure about the syntax for the syntax.config.js file.

EDIT: Looks like this is working fine, but still, is the rollup package somehow configuring itself?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants