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

Cannot use +Layout.svelte in svelte kit #166

Open
5 of 6 tasks
MarcGodard opened this issue Aug 27, 2023 · 1 comment
Open
5 of 6 tasks

Cannot use +Layout.svelte in svelte kit #166

MarcGodard opened this issue Aug 27, 2023 · 1 comment
Labels
Svelte Issue with Tailwind Mobile Svelte

Comments

@MarcGodard
Copy link

Check that this is really a bug

  • I confirm

Reproduction link

/

Bug description

Using a layout is required if you want to build this with sveltekit and have anything useful. When I do so, the slots don't load, and you just get a blank screen.

Expected Behavior

No response

Actual Behavior

No response

Konsta UI version

3.0.1

Platform/Target and Browser Versions

All

Validations

  • Follow our Code of Conduct
  • Read the docs.
  • Check that there isn't already an issue that request the same feature to avoid creating a duplicate.
  • Make sure this is a Konsta UI issue and not a framework-specific issue

Would you like to open a PR for this bug?

  • I'm willing to open a PR
@MarcGodard MarcGodard added the Svelte Issue with Tailwind Mobile Svelte label Aug 27, 2023
@MrWeb
Copy link

MrWeb commented Nov 9, 2023

I am using sveltekit 1.5.0, konsta ^3.0.0 and I'm using +layout.svelte with only KonstaUI and everything works fine, the following is an example of one of the layouts, using <slot />:

<script>
	import '$lib/style/app.css';
	import { Notification } from 'konsta/svelte';
	import { App } from 'konsta/svelte';
	import { toastContent, toast } from '$lib/stores/global';
</script>

<App safeAreas theme="ios">
	<slot />

	<Notification
		colors={{ bgIos: $toastContent.color || 'bg-white' }}
		opened={$toastContent}
		title="C-Square"
		subtitle={$toastContent.title}
		text={$toastContent.text}
		class="mt-10"
		onClick={() => toast.hide()}
	/>
</App>

Can you check that +layout.svelte has a lower "L" and in case post your code?

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

No branches or pull requests

2 participants