Version

v1.1.0

Reproduction link

https://nuxtjs.org/

Steps to reproduce

1) Open https://nuxtjs.org/
2) Keep nuxtjs.org opened, in same browser window switch to different tab
3) Wait a while
4) Re-enter previously opened https://nuxtjs.org/ tab

What is expected ?

Animation will continue playing as before

What is actually happening?

Since the animation is using setInterval only:

1) it keeps running even when tab is not active
2) it causes weird behaviour when reentering - as if multiple animation iterations were stacked on top of each other… only for first iteration upon reentering

Additional comments?

Checked on Chrome.

It's hard to see what you consider unacceptable FOUC - only redraws I notice (with throttled download speed via dev tools) that may be deemed problematic are not actually caused by CSS but there seems to be some search bar race condition issue. See:

Firefox: https://i.imgur.com/mZSPEB7.png (rarely loads as in Chrome)
Chrome: https://i.imgur.com/SYYTU3x.png

Overall the search bar loading is a bit janky.

Is this what you meant?

The menu text is aligned differently in Chrome as well.

_Originally posted by @Erbenos in https://github.com/nuxt/nuxtjs.org/issues/278#issuecomment-562858874_

Version

v1.1.0

Reproduction link

https://ru.nuxtjs.org/examples/seo-html-head/

Steps to reproduce

Follow to this link - https://ru.nuxtjs.org/examples/seo-html-head/ and look at Sandbox application.
After execute previous step you can see Not Found.

What is expected ?

Example package.json like in english version of site.

What is actually happening?

Additional comments?

422 Http error code when sandbox loaded

Does head() section works only in a page component?

Version

v1.1.0

Reproduction link

https://nuxtjs.org/

Steps to reproduce

1. Open Firefox
2. Visit https://nuxtjs.org/

What is expected ?

There is no flash of unstyled content

What is actually happening?

There is a brief flash of unstyled content

Additional comments?

Doesn't occur in Chrome

What problem does this feature solve?

It is not possible to translate the following pages:

• https://fr.nuxtjs.org/themes
• https://fr.nuxtjs.org/design
• https://fr.nuxtjs.org/team
• https://fr.nuxtjs.org/shop
• https://fr.nuxtjs.org/sponsor-nuxtjs
• https://fr.nuxtjs.org/support

What problem does this feature solve?

It is not possible to translate the footer.

Version

v1.1.0

Reproduction link

https://nuxtjs.org/design

Steps to reproduce

Look at the Nuxt logos in the following files:

• nuxt.svg
• nuxt-square.svg
• nuxt-white.svg
• nuxt-square-white.svg
• built-with-nuxt.svg
• built-with-nuxt-white.svg

What is expected ?

The bugs shown in the 'What is actually happening? ' section below are fixed.

(🤔 This svg file doesn't have these weird corners: https://github.com/nuxt/nuxtjs.org/blob/master/nuxt.svg)

What is actually happening?

⚠ nuxt.svg, nuxt-square.svg, nuxt-white.svg, nuxt-square-white.svg

⚠ built-with-nuxt.svg, built-with-nuxt-white.svg

Additional comments?

This needs to be fixed as soon as possible because people are downloading and using a buggy version of the logo.
It looks like the png files are ok.

What problem does this feature solve?

Since the latest redesign it became very frustrating to switch the language. Language switch has moved to footer and now you have to scroll the whole page to change it. This is very frustrating because in some countries English locale works better (it's not blocked by ISP) and some locales are missing translations for the whole pages (in that case it would be even better to suggest switching to English instead right on that page).
Would it be possible to move language switch back to the header?

Version

v1.1.0

Reproduction link

https://nuxtjs.org/faq/google-analytics

Steps to reproduce

Open https://nuxtjs.org/faq/google-analytics

What is expected ?

Page loads

What is actually happening?

500 Error
https://sc.atymic.dev/a7846d.png

Version

v1.1.0

Reproduction link

https://nuxtjs.org/

Steps to reproduce

The clickable surfaces of links are not the same size.

What is expected ?

What is actually happening?

What problem does this feature solve?

It solve the translation problems. Some wordings on the top page are hard-coded, so I will update for translation.

What does the proposed changes look like?

• <input type="checkbox" disabled style="margin: 0px 0.35em 0.25em -1.6em; vertical-align: middle;" checked> 1. Remove unused keys and values ​​from lang.json (in nuxt/docs)
• <input type="checkbox" disabled style="margin: 0px 0.35em 0.25em -1.6em; vertical-align: middle;" checked> 2. Update "welcome" section and lang.json (in nuxt/docs)
• <input type="checkbox" disabled style="margin: 0px 0.35em 0.25em -1.6em; vertical-align: middle;" checked> 3. Update "mode" section
• <input type="checkbox" disabled style="margin: 0px 0.35em 0.25em -1.6em; vertical-align: middle;" checked> 4. Update "why" section and lang.json (in nuxt/docs)
• <input type="checkbox" disabled style="margin: 0px 0.35em 0.25em -1.6em; vertical-align: middle;" checked> 5. Update "companies" section
• <input type="checkbox" disabled style="margin: 0px 0.35em 0.25em -1.6em; vertical-align: middle;" checked> 6. Update "sponsors" section and lang.json (in nuxt/docs)
• <input type="checkbox" disabled style="margin: 0px 0.35em 0.25em -1.6em; vertical-align: middle;" checked> 7. Update "newsletter form" section

Version

v1.1.0

Reproduction link

https://zh.nuxtjs.org/faq/google-analytics

Steps to reproduce

Visit: https://zh.nuxtjs.org/faq/google-analytics

What is expected ?

We can see a true page

What is actually happening?

HTTP 500

There seems some linting issues on components' css parts. I guess vscode css rules reject custom tailwind css operators like @apply.
How can we handle this issue ?

Version

v1.1.0

Reproduction link

https://nuxtjs.org/

Steps to reproduce

The main mobile navigation buttons/links load the page directly instead of opening the sidebar.

What is expected ?

What is actually happening?

Additional comments?

#243 commit fixed the issue of the broken link but prevents the sidebar from opening.

Happy to fix this!

What problem does this feature solve?

Fixing incomplete documentation and hopefully others not wanting to tear their hair out in the future.

What does the proposed changes look like?

When installing Nuxt via create-nuxt-app and picking adonis.js as the chosen server framework, the normal config file (nuxt.config.js) gets moved to /config/nuxt.js among a number of other, adonis-exclusive config files.
This makes it rather complicated to find and problematic to use when for example adding Vue typescript decorators that require additional setup inside the config file of nuxt to compile properly.

Please add to the docs where the config file is located in the case of Adonis.js for future users who run into the same issue as me.
Alternatively, also please check if this applies to other server-side frameworks as well.

What problem does this feature solve?

It was a very quick and easy way to check the latest version when I was heading the docs or the ecosystem link (see: https://cmty.app/nuxt/nuxtjs.org/issues/c174). And wouldn't it be somehow also showing to new vistors that there was already quite some development?

What problem does this feature solve?

I was often heading over to nuxtjs.org and using the "Ecosystem" links in the topbar to open github and twitter right to the point! :) Now I have to scroll to the footer for the same. Wouldn't it be nice to bring them back to mention an "Ecosystem" right away especially for new visitors?