Activities
tianyinggang posted a new question
nuxtjs.org •
tianyinggang posted a new question
nuxtjs.org •
noname202 posted a new bug report
nuxtjs.org •
Version
Reproduction link
Steps to reproduce
Navigate the nuxtjs.org website.
What is expected ?
Responsive user experience and almost no perceivable delays.
What is actually happening?
When navigating the official NUXTJS website, page transitions feel kind of sluggish and there is a perceivable delay until the new page is displayed. This is especially noticable when compared to simmilar frameworks official pages such as Next.js, I had a look at the Source and it turns out that for some reason a 0.3 s CSS transition is being applied to the body element of the website. However, as far as I'm concerned, there is no visible transition animation.
<body class="font-sans font-medium bg-light-surface dark:bg-dark-surface text-light-onSurfacePrimary dark:text-dark-onSurfacePrimary transition-colors duration-300 ease-linear ">
.duration-300 {
transition-duration: .3s;
}
.ease-linear {
transition-timing-function: linear;
}
Additional comments?
I'm not entirely sure if the delay is applied on purpose, but from my perspective it dramatically lowers the perceived performance.
Tested on Chrome Version 81 (Windows) and Safari (IOS 13.5)
FloEdelmann posted a new feature request
nuxtjs.org •
What problem does this feature solve?
It would be helpful to have a style guide, similar to Vue's (https://vuejs.org/v2/style-guide/), so that arbitrary choice in Nuxt.js apps is further reduced. Those guidelines could be enforced with a linter, like ESLint or its Vue Plugin.
In particular, a "Component options order" rule came to my mind (similar to https://vuejs.org/v2/style-guide/#Component-instance-options-order-recommended). I've already opened a PR (#1107) to eslint-plugin-vue. Please comment there on the suggested order.
danielkellyio posted a new question
nuxtjs.org •
I am using Nuxt to generate a static site. In the css prop of my nuxt.config I have the following:
[
'assets/scss/styles.scss',
'node_modules/animate.css/animate.css'
]
The content of both of those stylesheets ultimately gets inserted into the head of the statically generated html files in my dist folder (which is kind of what I expect and is fine). But then I found the exact same styles are also output into one of the javascript files in the dist folder.
I would think this is a pretty big performance issue, loading the exact same styles twice (especially since I'm using the Bulma library for my styles which is decent in size).
Could I have something wrong in my config that could be causing this to happen or is this typical in Nuxt? And if it is typical is there any way around it?
Thanks!
mrleblanc101 posted a new feature request
nuxtjs.org •
What problem does this feature solve?
This would improve the mobile experience on iPhone X and newer as currently the bottom Navbar does not respect safe-area-inset for the Home Indicator
What does the proposed changes look like?
Adding a padding-bottom: env(safe-area-inset-bottom) would prevent the Home Indicator from overlapping the Navbar.
impressivewebs posted a new feature request
nuxtjs.org •
What problem does this feature solve?
My feed reader can't find an RSS feed at:
Wil be easier to get notified of updates on the blog if there is a feed.
What does the proposed changes look like?
https://nuxtjs.org/blog/feed.xml (or similar)
djanaya posted a new question
nuxtjs.org •
I just have cloned the nuxt.org, the docs repo inside, deployed with "yarn dev", and when i hit Guide gets nothing.
Reproduction link
http://localhost:3000/guide
Steps to reproduce
Clone the nuxt.org repo
Clone the docs repo
install
deploy local
hit http://localhost:3000/guide
What is expected ?
The page appears
What is actually happening?
Nothing
phated posted a new question
nuxtjs.org •
Through some analytics tools at Tidelift, we just noticed that https://5d0286549da19e58dab8c808--nuxt.netlify.com/ is still active and being used by people. Is there a chance this is still deployed and being indexed by google?
ThibaultVlacich posted a new bug report
nuxtjs.org •
Version
Reproduction link
https://nuxtjs.org/faq/google-analytics
Steps to reproduce
Go to https://nuxtjs.org/faq/google-analytics
What is expected ?
The page appears
What is actually happening?
A 500 error is raised
gaetansenn posted a new bug report
nuxtjs.org •
Version
Reproduction link
https://fr.nuxtjs.org/api/configuration-hooks/
Steps to reproduce
Hello,
There is a problem with the text color from the alert at the top of the page.
What is expected ?
A different text color to be able to read the text
What is actually happening?
We can't read the text
bdrtsky posted a new feature request
nuxtjs.org •
What problem does this feature solve?
Would be nice to add auto code formatting, because lines are so long with Tailwind classes.
bdrtsky posted a new bug report
nuxtjs.org •
Version
Reproduction link
Steps to reproduce
Header component has header_mobile_aside block, which is right now not showing completely (has transform(-100%) applied). Not clear what is should be doing? It consumes data from this.$store.state.menu[this.action], but looks like there's no such data.
What is expected ?
Aside menu
What is actually happening?
No aside menu
bdrtsky posted a new bug report
nuxtjs.org •
Version
Reproduction link
Steps to reproduce
- Click to open Search in mobile viewport
- Resize viewport while it's opened
What is expected ?
Search component expected to close while normal header shows instead.
What is actually happening?
Search component disappears but header doesn't appears
Additional comments?
This happens because whole Header interface logic rely on action state, it's over complicated and opened to multiple issues. It should be rewritten.
bdrtsky posted a new feature request
nuxtjs.org •
What problem does this feature solve?
Would be nice to add this to Algolia search:
<input type="checkbox" disabled style="margin: 0px 0.35em 0.25em -1.6em; vertical-align: middle;"> When Algolia dropdown is opened, add closing when clicking outside of the component
<input type="checkbox" disabled style="margin: 0px 0.35em 0.25em -1.6em; vertical-align: middle;"> Add Clean entered text input and cross SVG icon to the right
<input type="checkbox" disabled style="margin: 0px 0.35em 0.25em -1.6em; vertical-align: middle;"> Enter dropdown animation? Not sure about this one. What do you think?
<input type="checkbox" disabled style="margin: 0px 0.35em 0.25em -1.6em; vertical-align: middle;"> Interaction feedback on focus (background? shadow?)
<input type="checkbox" disabled style="margin: 0px 0.35em 0.25em -1.6em; vertical-align: middle;"> Bug - https://github.com/nuxt/nuxtjs.org/issues/311
bdrtsky posted a new bug report
nuxtjs.org •
Version
Reproduction link
Steps to reproduce
If you navigate to https://nuxtjs.org/api and then try to right click (for example to open home page in new window) on it, then it's redirects to https://nuxtjs.org/design
If you try to ctrl + left click then it's navigates to main page in same window, while it should open new one.
What is expected ?
Correct native navigation
What is actually happening?
Bad navigation
bdrtsky posted a new question
nuxtjs.org •
If you navigate to https://nuxtjs.org/api and then try to right click (for example to open home page in new window) on it, then it's redirects to https://nuxtjs.org/design
If you try to ctrl + left click then it's navigates to main page in same window, while it should open new one.
hadelnasr posted a new question
nuxtjs.org •
in an universal mode, i have an api which i call it in the async asyncData method in my page and as a response it sets a cookie on navigation between routes correclty
BUT when refreshing the page the cookie didn't set up so, if i'm depending on this cookie for some logic for every page refresh the logic won't run as the cookie is null
bdrtsky posted a new bug report
nuxtjs.org •
Version
Reproduction link
Steps to reproduce
Go to https://nuxtjs.org/guide and click on sidebar links.
What is expected ?
Expected correct scrollspy active link highlighting and all links work.
What is actually happening?
Page jumps to top before smooth scroll, which leads to weird links highlighting. Also, sometimes some links doesn't highlight (like Server Rendered in demo video)
Additional comments?
Demonstration - https://imgur.com/a/GGvITVB
hadelnasr posted a new question
nuxtjs.org •
in an universal mode, i have an api which i call it in the async asyncData method in my page and as a response it sets a cookie on navigation between routes correclty
BUT when refreshing the page the cookie didn't set up so, if i'm depending on this cookie for some logic for every page refresh the logic won't run as the cookie is null