Comments (5)
This does work in the latest version. If you're using the latest, I need to see some code to know more.
from sveltekit-flash-message.
this is the code for the (auth)/signup/+page.server.ts :
import { signUpSchema } from "$lib/validation";
import type { Actions } from "@sveltejs/kit";
import { flashCookieOptions, redirect } from "sveltekit-flash-message/server";
import { superValidate } from "sveltekit-superforms/server";
export const actions = {
signup: async (event) => {
throw redirect('/login', {
type: "success",
message: ["Votre compte a été crée, vous recevrez un message de confirmation sur votre email"]
}, event)
}
} satisfies Actions;
this is the code for src/routes/+layout.server.ts :
// import type { LayoutServerLoad } from "./$types"
import { flashCookieOptions, loadFlash } from "sveltekit-flash-message/server";
// export { load } from 'sveltekit-flash-message/server';
// flashCookieOptions.sameSite = 'strict';
export const load = loadFlash(async (event) => {
return {
session: await event.locals.getSession(),
}
})
this is where the flash is read : (src/routes/+layout.svelte)
<script lang="ts">
import '../app.postcss';
import { invalidate } from '$app/navigation';
import { onMount } from 'svelte';
import { page } from '$app/stores';
// import { getFlash, initFlash } from 'sveltekit-flash-message/client';
// import { page } from '$app/stores';
import Messages from '$lib/components/Messages.svelte';
import { getFlash } from 'sveltekit-flash-message/client';
const flash = getFlash(page);
$: msg = $flash;
$: console.log($flash);
export let data;
$: ({ supabase, session } = data);
onMount(() => {
const {
data: { subscription }
} = supabase.auth.onAuthStateChange((event, _session) => {
if (_session?.expires_at !== session?.expires_at) {
invalidate('supabase:auth');
}
});
return () => subscription.unsubscribe();
});
</script>
<Messages data={msg ? msg : { type: 'success', message: ['Hello Friend'] }} />
<slot />
from sveltekit-flash-message.
@ciscoheat the package version is: "sveltekit-flash-message": "^2.1.0",
and sveltekit version is: "@sveltejs/kit": "^1.20.4",
from sveltekit-flash-message.
Looks like it should work, but you're using some component and events. Try making the simplest possible case, like in the instructions: https://github.com/ciscoheat/sveltekit-flash-message#3-display-the-flash-message and see if that works?
from sveltekit-flash-message.
@ciscoheat it works perfectly now, thanks a lot
from sveltekit-flash-message.
Related Issues (20)
- Flash not showing when redirecting from +layout.server.ts HOT 5
- No messages without refresh HOT 17
- Flash message not appearing when expected HOT 19
- Question: do I need to integration flashModule if I am using toasts? HOT 1
- Missing cookie Same-Site attribute HOT 3
- [SOLVED] Overwriting 'set-cookie' header via server hook prevents flash message HOT 2
- Problems when subscribing to flash store and hovering over <a> tag where load function uses redirect. HOT 7
- External callbacks not redirecting correctly HOT 8
- Example for flashCookieOptions HOT 7
- Error when using vitest 0.34.1 - Failed to resolve entry for package "sveltekit-flash-message". HOT 3
- Flash message not appearing when using layout groups. HOT 2
- Firefox Warning: Misuse of the SameSite Cookie Attribute HOT 3
- setFlash not working HOT 3
- Persistent Flash store data after server redirect HOT 12
- flash store undefined after redirect HOT 1
- Identifier 'load' has already been declared HOT 8
- Error: getFlash options can only be set at the first call to getFlash. HOT 9
- feature request: consider adhering to SvelteKit 2.0 practices regarding (not) throwing errors/redirects HOT 3
- chore: update SvelteKit `peerDependency`
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from sveltekit-flash-message.