search

productdevbook / oku-nuxt3-template

Nuxt 3 best starter repo, Tailwindcss, Sass, Headless UI, Vue, Pinia, Vite, Eslint, i18n, Naive UI
https://oku-nuxt3-template.vercel.app/
MIT License
602 stars 81 forks source link

[Vue warn]: Hydration text content mismatch #82

Closed hmingv closed 2 years ago

hmingv commented 2 years ago

Environment

Template framework: dev-master Node: v16.13.1

Describe the bug

image

If you use await useFetch directly in a Vue component, you will get the warning above when you press F5 to refresh the page after switching to another language (non-default language).

Example (rewrite your src/pages/index.vue):

<script setup>
const { data } = await useFetch('https://httpstat.us/200')
console.log(data)
</script>

<template>
  <Starter />
</template>

Additional context

No response

Logs

No response

hmingv commented 2 years ago

Maybe this problem is not related to this template project, but it is an existing problem.

productdevbook commented 2 years ago

hi 3.6.0 version now send please re test

hmingv commented 2 years ago

Great to see your changes.

But I ran into a problem:

in Windows 11

image image

Do you know what is the cause of this bug?

hmingv commented 2 years ago

same problem: https://github.com/nuxt-modules/tailwindcss/issues/470