Argument types do not match parameters

If I use $t in a script element like this:

<script lang="ts">
	import {t} from '$lib/i18n';

	export let placeholder = $t('search.placeholder');
</script>

PhpStorm shows an error:

Argument types do not match parameters

Placing it inside the template/HTML part …

<input placeholder={$t('search.placeholder')}/>

… does not.

I’m not sure this is a problem with sveltekit-i18n, but I have no idea why this happens. The translation is actually working, it is just the IDE complaining and marking files as erroneous.

[inta]

The config looks like:

import i18nKit from 'sveltekit-i18n';

/** @type {import('sveltekit-i18n').Config} */
const translationConfig = {
	loaders: [
		{
			locale: 'en',
			key: '',
			loader: async () => (
				await import('../../translations/en.json')
			).default,
		},
		{
			locale: 'de',
			key: '',
			loader: async () => (
				await import('../../translations/de.json')
			).default,
		},
	],
};

export const {t, locale, locales, loading, loadTranslations} = new i18nKit(translationConfig);

for now (separation into modules is planned, but not done yet).

In __layout.svelte I just call:

await loadTranslations(language, pathname);
locale.set(language);

inside the load function.

Version: 2.0.0-rc.6

[jarda-svoboda]

Well, the weird thing is, that it worked in regular .ts…🤔