fix: fork <NuxtTime> for i18n support

[danielroe]

this addresses some hydration mismatches we were encountering, and prevents layout shift/flicker

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
docs.npmx.dev	Ready	Preview, Comment	Feb 8, 2026 0:05am
npmx.dev	Ready	Preview, Comment	Feb 8, 2026 0:05am

1 Skipped Deployment

Project	Deployment	Actions	Updated (UTC)
npmx-lunaria	Ignored		Feb 8, 2026 0:05am

[wojtekmaj]

Could these be simply imported from nuxt/dist/app/components/nuxt-time.d.vue.ts?

[codecov]

Codecov Report

❌ Patch coverage is 60.41667% with 19 lines in your changes missing coverage. Please review.
✅ All tests successful. No failed tests found.

Files with missing lines	Patch %	Lines
app/components/DateTime.vue	60.41%	15 Missing and 4 partials ⚠️

📢 Thoughts on this report? Let us know!

[wojtekmaj]

Maybe we could avoid type assertions by doing:

Suggested change

	const formatter = computed(() => {
	const { relativeStyle, ...rest } = props
	if (relativeDates.value) {
	return new Intl.RelativeTimeFormat(_locale ?? locale.value, {
	...defaults,
	...rest,
	style: relativeStyle,
	})
	}
	return new Intl.DateTimeFormat(_locale ?? locale.value, { ...defaults, ...rest })
	})
	const relativeFormatter = computed(() => {
	const { relativeStyle, ...rest } = props
	return new Intl.RelativeTimeFormat(_locale ?? locale.value, {
	...defaults,
	...rest,
	style: relativeStyle,
	})
	})
	const formatter = computed(() => {
	const { relativeStyle, ...rest } = props
	return new Intl.DateTimeFormat(_locale ?? locale.value, { ...defaults, ...rest })
	})

?

[wojtekmaj]

Suggested change

	return name[0]!.toUpperCase() + name.slice(1)
	return name.charAt(0).toUpperCase() + name.slice(1)

will avoid the need of non-null assertion

[wojtekmaj]

Maybe just a tiny bit more accurate - still assertion needed but at least we're "telling the truth" here:

Suggested change

	let optionName = name
	.slice(5)
	.split('-')
	.map(toCamelCase)
	.join('') as keyof (Intl.DateTimeFormatOptions & Intl.RelativeTimeFormatOptions)
	if ((optionName as string) === 'relativeStyle') {
	optionName = 'style'
	}
	let optionName = name.slice(5).split('-').map(toCamelCase).join('') as
	| keyof (Intl.DateTimeFormatOptions & Intl.RelativeTimeFormatOptions)
	| 'relativeStyle'
	if (optionName === 'relativeStyle') {
	optionName = 'style'
	}

[ghostdevv]

Is this still necessary?

[serhalp]

@danielroe I'll close it for now, feel free to reopen if I'm wrong :)