Vuepic / vue-datepicker

Datepicker component for Vue 3
https://vue3datepicker.com
MIT License
1.48k stars 147 forks source link

Hydration mismatch when used with SSR #762

Closed thijsw closed 7 months ago

thijsw commented 8 months ago

Describe the bug When I use this library I'm encountering hydration errors. I'm using the lib in a Nuxt 3 project.

To Reproduce Use this Vue component as a page in Nuxt:

<template>
  <div>
    <vue-date-picker v-model="date" />
  </div>
</template>

<script lang="ts" setup>
import VueDatePicker from '@vuepic/vue-datepicker'
import '@vuepic/vue-datepicker/dist/main.css'

const date = ref()
</script>

Expected behavior I am expecting that the date picker works without hydration errors. I am suspecting that teleport might be the culprit.

Screenshots Screenshot 2024-02-22 at 16 00 40

lumos94 commented 7 months ago

have the same issue as well!