fix: initialise formatter for relative formats in prehydrate step (#310)

jawnothin · web-flow · commit d964fd76f675 · 2024-11-28T12:22:46.000Z
diff --git a/src/runtime/components/NuxtTime.vue b/src/runtime/components/NuxtTime.vue
@@ -122,7 +122,8 @@ if (import.meta.server) {
         { unit: 'year', value: diffInSeconds / 31536000 },
       ]
       const { unit, value } = units.find(({ value }) => Math.abs(value) < 60) || units[units.length - 1]!
-      el.textContent = formatter.value.format(Math.round(value), unit)
+      const formatter = new Intl.RelativeTimeFormat(options.locale, options)
+      el.textContent = formatter.format(Math.round(value), unit)
     }
     else {
       const formatter = new Intl.DateTimeFormat(options.locale, options)

Original file line number	Diff line number	Diff line change
`@@ -122,7 +122,8 @@ if (import.meta.server) {`
`122`	`122`	`{ unit: 'year', value: diffInSeconds / 31536000 },`
`123`	`123`	`]`
`124`	`124`	`const { unit, value } = units.find(({ value }) => Math.abs(value) < 60) \|\| units[units.length - 1]!`
`125`		`- el.textContent = formatter.value.format(Math.round(value), unit)`
	`125`	`+ const formatter = new Intl.RelativeTimeFormat(options.locale, options)`
	`126`	`+ el.textContent = formatter.format(Math.round(value), unit)`
`126`	`127`	`}`
`127`	`128`	`else {`
`128`	`129`	`const formatter = new Intl.DateTimeFormat(options.locale, options)`