Merge pull request #146 from elreco/betterlocale

fix: locale import
elreco · Mar 1, 2024 · 117ea2a · 117ea2a
2 parents 8a9c63b + 3507c52
commit 117ea2a
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 1 deletion.
diff --git a/docs/DemoLayout.vue b/docs/DemoLayout.vue
@@ -1,3 +1,7 @@
+<script setup>
+import 'dayjs/locale/fr'
+</script>
+
 <template>
   <div class="vp-raw">
     <div class="flex flex-col items-center justify-center">

diff --git a/docs/advanced-features.md b/docs/advanced-features.md
@@ -167,7 +167,7 @@ This means you only import the specific locale you need directly into your proje
 
 <DemoLayout>
   <VueTailwindDatePicker
-    i18n="id"
+    i18n="fr"
     :auto-apply="false"
     :options="options"
     v-model="dateValue5"

diff --git a/src/VueTailwindDatePicker.vue b/src/VueTailwindDatePicker.vue
@@ -1257,6 +1257,9 @@ watchEffect(() => {
   }
 })
 
+dayjs.locale(props.i18n)
+watch(() => props.i18n, () => dayjs.locale(props.i18n))
+
 watchEffect(() => {
   const locale = props.i18n
   const modelValueCloned = props.modelValue