Tropix126 / fluent-svelte

A faithful implementation of Microsoft's Fluent Design System in Svelte.
https://fluent-svelte.vercel.app
MIT License
606 stars 26 forks source link

Fluent Svelte for SvelteKit does not work at all #55

Open carrved opened 1 year ago

carrved commented 1 year ago

Before you start...

What browsers are you seeing the problem on?

Chrome

Description

Just trying to port a Svelte project to SvelteKit so I could add more pages to it, and when I started copying everything, the css was not being applied at all.

Steps To Reproduce

  1. Make new SvelteKit project using npm (skeleton project)
  2. Copy a Svelte project (using Fluent Svelte)'s files over to SvelteKit
  3. Nothing works!

Expected behavior

The css would be applied and the page would look normal.

Relevant Assets

https://i.imgur.com/MVAG8ks.jpeg (what the site is supposed to look like) https://i.imgur.com/68JuLlk.png (what the site looks like with sveltekit)

dongle-the-gadget commented 1 year ago

Yeah, looks like something is going on with the latest SvelteKit that is breaking Fluent Svelte.

dongle-the-gadget commented 1 year ago

@z4xi, in case you are still trying to find a solution, add <slot /> to your +layout.svelte. Fluent Svelte isn't broken, the docs are.