Comments (10)
Start a new pull request in StackBlitz Codeflow.
from nuxt.js.
Can you update the reproduction to reproduce this without @nuxtjs/i18n
?
If not, would you open an issue in https://github.com/nuxt-modules/i18n instead? 🙏
from nuxt.js.
Would you be able to provide a reproduction? 🙏
More info
Why do I need to provide a reproduction?
Reproductions make it possible for us to triage and fix issues quickly with a relatively small team. It helps us discover the source of the problem, and also can reveal assumptions you or we might be making.
What will happen?
If you've provided a reproduction, we'll remove the label and try to reproduce the issue. If we can, we'll mark it as a bug and prioritize it based on its severity and how many people we think it might affect.
If needs reproduction
labeled issues don't receive any substantial activity (e.g., new comments featuring a reproduction link), we'll close them. That's not because we don't care! At any point, feel free to comment with a reproduction and we'll reopen it.
How can I create a reproduction?
We have a couple of templates for starting with a minimal reproduction:
👉 https://stackblitz.com/github/nuxt/starter/tree/v3-stackblitz
👉 https://codesandbox.io/s/github/nuxt/starter/v3-codesandbox
A public GitHub repository is also perfect. 👌
Please ensure that the reproduction is as minimal as possible. See more details in our guide.
You might also find these other articles interesting and/or helpful:
from nuxt.js.
For sure @danielroe , here is reproduction without i18n
https://stackblitz.com/edit/nuxt-starter-pfk6oh?file=app.vue
from nuxt.js.
Sorry, but I've checked your reproduction and it seems to have a defined title. What do I need to do to reproduce?
from nuxt.js.
Would you be able to provide a reproduction? 🙏
More info
Why do I need to provide a reproduction?
Reproductions make it possible for us to triage and fix issues quickly with a relatively small team. It helps us discover the source of the problem, and also can reveal assumptions you or we might be making.
What will happen?
If you've provided a reproduction, we'll remove the label and try to reproduce the issue. If we can, we'll mark it as a bug and prioritize it based on its severity and how many people we think it might affect.
If needs reproduction
labeled issues don't receive any substantial activity (e.g., new comments featuring a reproduction link), we'll close them. That's not because we don't care! At any point, feel free to comment with a reproduction and we'll reopen it.
How can I create a reproduction?
We have a couple of templates for starting with a minimal reproduction:
👉 https://stackblitz.com/github/nuxt/starter/tree/v3-stackblitz
👉 https://codesandbox.io/s/github/nuxt/starter/v3-codesandbox
A public GitHub repository is also perfect. 👌
Please ensure that the reproduction is as minimal as possible. See more details in our guide.
You might also find these other articles interesting and/or helpful:
from nuxt.js.
@danielroe Yes, i't have a title, but i don't know why in google SERP title is undefined.
from nuxt.js.
ccing @harlan-zw in case he's encountered this before, but it's very difficult to investigate in this situation
from nuxt.js.
@danielroe I'm thinking that the issue is related that this line
const title = computed(() =>
route.meta.title
? route.meta.title
: ''
);
When i set empty title, the tag is empty
<title></title>
According to Mozilla, this tag must always have text.
I've changed my code to the following:
const title = computed(() =>
route.meta.title
? route.meta.title
: undefined
);
Those pages always have a title, but I don't know why Google does that. I'm not sure if there might be an issue with the delay hydration module or if sometimes nuxt sends the empty tag during SSR. What do you think? I've changed my code and push to production, i'll be monitoring these days and updating in this issue.
from nuxt.js.
The issue was probably related to the hydration of the title, given that you have the nuxt-delay-hydration module. Either hydrating to undefined before flashing back "my title" -> undefined -> "my title" or undefined -> "my title".
The current site looks correct so this will sort itself out once google re-indexes it. Will close for now but feel free to ping me if it doesn't sort itself out.
I've also made unjs/unhead#359 to track not including empty titles.
from nuxt.js.
Related Issues (20)
- ERROR [nuxt] [request error] [unhandled] [500] [GET] "api/xx/yy": <no response> fetch failed. About using $fetch in server HOT 2
- how to set boost to false in nuxt.config.js HOT 2
- Replace vite-plugin-checker with something else HOT 4
- Unable to import useRuntimeConfig from a layer's server middleware HOT 1
- "UseFetchType" and also transforms the result into the desired output format using another transformer. HOT 1
- Utils Dir in compatibility Mode not auto-imported HOT 5
- You must define the vuex store in the server side and use VuexPersistencePlugin in the plugin list. HOT 3
- Nuxt doesn't update when making CSS changes HOT 2
- Nuxt 4 - allow flat layers directory structure without needing `layers` directory, allow each layer to have its own server routes HOT 1
- Nuxt 4 - Internal server error: Failed to resolve import "@vue/devtools-kit"
- Keep context when opening error page
- Wrapping useFetch in a function causes hydration mismatch HOT 6
- Middleware issue when redirecting with encodeURIComponent HOT 6
- keepalive include Bug HOT 1
- Server (api routes) not working in new app structure HOT 5
- `Nuxt 3.12` - app broke after upgrading. Vue Router warn: No match found for location with path "/settings/account" (repeated 24 times) HOT 1
- Build failing in production (Digital Ocean) - ERROR Cannot find module '/workspace/@nuxtjs/supabase' 3.11.2 - 3.12.2 HOT 10
- Build issue: Lexical.node.mjs not found, only Lexical.prod.mjs present HOT 7
- API behind routing rule provides cryptic response HOT 6
- Documentation Improvment - All package managers throughout docs HOT 3
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from nuxt.js.