Skip to content

Add parameters to loader functions #189

Open
@craumix

Description

@craumix

Currently the loader function can not load translations dynamically, passing the current route or even parameters would allow for better usage.

My example use case would by I have and article that is located under article/[articleId], so once the user navigates to the article the translation for that article only should be loaded. I can do this by loading the correct translation from my DB in the +page.server.ts but doing it directly trough the translation library would be cleaner.

The current loader function is export type T = () => Promise<Translations.Input>;. A simple solution would just be to pass the current route to the loader like export type T = (route: string) => Promise<Translations.Input>;.

A more advanced version would be to allow parameters in the routes for a loader, similar to how sveltekit params work.
So for example defining the routes as /article/{articleId} (or article/[articleId]) and the loader as export type T = (params: {[key: string]: string}) => Promise<Translations.Input>; it would then pass

{
  "articleId": "some_id"
}

to the loader function.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions