locale setting partly working in sveltekit

I have the following code in index.svelte of a new sveltekit project. The const common= line is added to prevent the isHiddenDay error. The day view has the translated month and weekday in the title (16 mei 2021, zondag) but the text today, month, week, day, all-day are not translated.

<script>
	import { onMount } from 'svelte'
	import FullCalendar from 'svelte-fullcalendar'
	
	const options = {
		initialView: "timeGridDay",
		plugins: [],
		locale: 'nl',
		headerToolbar: {
			left: 'prev,next today',
			center: 'title',
			right: 'dayGridMonth,timeGridWeek,timeGridDay',
		},
	};

	onMount(async () => {
		const common = (await import('@fullcalendar/common')).default
		const locale = (await import('@fullcalendar/core/locales/nl')).default
		options.plugins = [
			(await import('@fullcalendar/daygrid')).default,
			(await import('@fullcalendar/timegrid')).default,
		]
	});
</script>

<FullCalendar {options} />

[skwasha]

I’m sorry - I should have updated my comment. You can add the following to your svelte.config.js as a workaround:

const config = {
  kit: {
    // hydrate the <div id="svelte"> element in src/app.html
    target: '#svelte',
    vite: {
      optimizeDeps: {
        include: ['svelet-fullcalendar'],
      },
    },
  },
}

[YogliB]

Can you try again with the latest version (1.1.1)?