@dargmuesli/nuxt-vio 20.0.0-beta.5 → 20.0.0-beta.7

package/app/components/vio/_/VioTime.vue

@@ -1,22 +1,33 @@
 <template>
   <NuxtTime
     v-bind="forwardedProps"
-    :locale="props.locale || defaultLocale"
-    :time-zone="props.timeZone || defaultTimeZone"
+    :locale="props.options.locale || defaultLocale"
+    :time-zone="props.options.timeZone || defaultTimeZone"
   />
 </template>
 
 <script setup lang="ts">
-import { reactiveOmit } from '@vueuse/core'
-import { useForwardProps } from 'reka-ui'
-
 import type { NuxtTimeProps } from 'nuxt/app'
 
 const { locale: defaultLocale } = useI18n()
 const defaultTimeZone = useTimeZone()
 
-const props = defineProps<NuxtTimeProps>()
+const props = withDefaults(
+  defineProps<{
+    datetime: NuxtTimeProps['datetime']
+    options?: Omit<NuxtTimeProps, 'datetime'>
+  }>(),
+  {
+    options: () => ({
+      dateStyle: 'medium',
+      timeStyle: 'short',
+    }),
+  },
+)
+
+const forwardedProps = computed(() => {
+  const { locale, timeZone, ...delegated } = props.options
 
-const delegatedProps = reactiveOmit(props, 'locale', 'timeZone')
-const forwardedProps = useForwardProps(delegatedProps)
+  return { datetime: props.datetime, ...delegated }
+})
 </script>

package/package.json

@@ -114,5 +114,5 @@
     "start:static": "serve playground/.output/public --ssl-cert ./.config/certificates/ssl.crt --ssl-key ./.config/certificates/ssl.key"
   },
   "type": "module",
-  "version": "20.0.0-beta.5"
+  "version": "20.0.0-beta.7"
 }

package/app/components/vio/_/VioTimeDefault.vue

@@ -1,20 +0,0 @@
-<template>
-  <VioTime v-bind="props" />
-</template>
-
-<script setup lang="ts">
-import type { NuxtTimeProps } from 'nuxt/app'
-
-const props = withDefaults(defineProps<NuxtTimeProps>(), {
-  day: 'numeric',
-  hour: 'numeric',
-  locale: undefined,
-  minute: 'numeric',
-  month: 'short',
-  relative: undefined,
-  timeZone: undefined,
-  timeZoneName: undefined,
-  weekday: undefined,
-  year: 'numeric',
-})
-</script>