Is it possible to use +layout.server.ts and +layout.ts at the same time?

[akkie]

Hi,

I have a +layout.server.ts file which sets the user locale identified from the browser locale and some user data from the locals object. I would also like to have a +layout.ts file which then loads my locale files.

Am I right, that this is not possible. At least it doesn't work for me. I cannot acces the data which is returned from +layout.server.ts in +layout.ts.

+layout.server.ts

export const load: LayoutServerLoad = ({ locals }: ServerLoadEvent): ServerData => {
  return {
    locale: locals.locale,
    session: pipe(
      optional(locals.session),
      map((session) => ({
        id: session.id,
        user: {
          id: session.identity.id,
          username: session.identity.traits?.username,
          email: session.identity.traits?.email,
          emailVerified: session.identity.verifiable_addresses?.every(
            (address) => address.verified
          ),
          isAuthenticated: true
        }
      })),
      getOrElse(
        () =>
          ({
            user: {
              isAuthenticated: false
            }
          } as Session)
      )
    )
  };
};

+layout.ts

export const load: LayoutLoad = async ({ parent }: LayoutLoadEvent) => {
  const { locale } = await parent();

  await loadLocaleAsync(locale);

  return {};
};

Best regards,
Christian

[eltigerchino]

Hi Christian,

It is indeed possible to use both +layout.server and +layout. The data returned from the first gets passed to the second.
https://kit.svelte.dev/docs/load#input-properties-data

- export const load: LayoutLoad = async ({ parent }: LayoutLoadEvent) => {
- const { locale } = await parent();
+ export const load: LayoutLoad = async ({ data }: LayoutLoadEvent) => {
+ const { locale } = data;

  await loadLocaleAsync(locale);

  return {};
};