Activities

mornir

mornir posted a new question

nuxtjs.org •

Using Nuxt built-in crawler or generating routes with payloads

Nuxt crawler is nice, but it means that it makes an API call for each dynamic route.
In my case, I have a single GraphQL query that fetches all the routes with their payload. Then I use this method to speed up the build time and prevent the API calls: https://nuxtjs.org/guides/configuration-glossary/configuration-generate#speeding-up-dynamic-route-generation-with-payload

I like the Nuxt crawler because I can remove code/complexity from my app and I didn't actually notice any significant differences in the build time. (The websites I work on usually have less than 50 pages.)

I'm curious to hear what you did in your case! Do you keep using the routes property with the payloads or do you use the Nuxt crawler?

I guess it comes down to how many pages are generated. In my case, there are not a lot of pages, but the graphQL query is pretty easy to write, so I guess that I'm going to stick with it.

blowsie

blowsie posted a new feature request

nuxtjs.org •

idea Documentation: Add docs for debugging nuxt.js

What problem does this feature solve?

Developer experience, also might reduce the number of issues reported if devs knew how to step through the code when required.

What does the proposed changes look like?

Add simple debugging examples using

VS Code
WebStorm
Chrome

febrihidayan

febrihidayan posted a new question

nuxtjs.org •

Change the video url on the homepage

I get bad news where the url https://player.vimeo.com/video/311756540 with the vimeo.com domain has been blocked.
This blocking applies in the country of Indonesia, it is blocked based on expressions from Kominfo Indonesia for vimeo.com. So, this blocking makes the video blank.

I hope YouTube is much better, Vue Mastery video

Thanks
@debs-obrien

testrocket

testrocket posted a new bug report

nuxtjs.org •

bug Incorrect article link behaviour on nuxtjs.org/blog

Version

v1.1.0

Reproduction link

nuxtjs.org/blog

Steps to reproduce

  1. Go to nuxtjs.org/blog
  2. Open any blog post with cmd + mouse click (Mac) or ctrl + mouse click (Windows).
  3. Link opens in a new tab but also navigates to the article. Now 2 same articles are open.

What is expected ?

When using cmd / ctrl with mouse click a link should open ONLY in new tab without affecting current page.

What is actually happening?

cmd / ctrl with mouse click opens blog article twice.

Additional comments?

  • It seems that this problem exists only on /blog page.
  • Clicking an article link with mouse wheel (middle click) works fine.
nicholasoxford

nicholasoxford posted a new feature request

nuxtjs.org •

idea Close button hard to see in dark mode

What problem does this feature solve?

In dark mode, it was hard to see an exit button when an image was full screen. I also think it is more intuitive to have to @click close when you click either the image or exit button, but that's personal opinion.

What does the proposed changes look like?

I am making a PR.

Pull Request #412

manniL

manniL posted a new question

nuxtjs.org •

[dev] Nuxt.js vs NuxtJS vs Nuxt

Hey all 👋

at the moment, the terms Nuxt.js, Nuxt and NuxtJS are not used consistently, nor they are "explained" somewhere.

From my current understanding, these terms are used like that:

  • The framework = Nuxt.js
  • The company = NuxtJS
  • "Colloqiually" referrencing to the Framework and ecosystem (should be avoided) = Nuxt

Questions

  1. Is this still correct?
  2. Because many people (still) think that NuxtJS === Nuxt.js, could we somewhere explain the terms correctly?
  3. Would you accept PRs to fix the terminology in case 1. is answered with "yes"?
pi0

pi0 posted a new question

nuxtjs.org •

[dev] modules diagram improvements

Checking with latest version:

  • build.vendor is not effective since nuxt 2.0 (module contamination creates vendor and shared chunks automatically)
  • "modules served thought npm packages and also be accessed via plugins" --> This is totally wrong because modules and plugins are not ina same context but can also provide plugins. Wording could be like services added by other plugins using $inject or so?

Some suggestions

  • Maybe would be better advising plugin.client.js (and also .server.js) instead of { ssr: false }
  • It would be probably better to use export default for nuxt.config (and removing .js to simplify and typescript users)
  • Maybe nice including buildModules
pi0

pi0 posted a new question

nuxtjs.org •

[dev] wrong context

Checking latest version of context, these are not part of real nuxt context: env and isDev are not part of nuxt context object but provided by webpack during build by usage for process.*. Maybe would be better to remove them to avoid misunderstanding or add a notice?

pi0

pi0 posted a new question

nuxtjs.org •

[dev] publish assets in an open format

Raw assets for diagrams is not published (or probably I'm missing). By publishing, contributors can modify them to update the docs. Ideally, we may also automate static assets generation from the source.

pi0

pi0 posted a new question

nuxtjs.org •

[dev] use svg for vectors and diagrams

Checking guides directory, we are currently using jpeg and png for diagrams. Jpeg compression is always lossy and for png files are also using lossy compression format which decreases text readability and makes size bigger. I would recommend using SVG format as even internet explorer supports it.

colbygarland

colbygarland posted a new bug report

nuxtjs.org •

bug Search field in header does not work

Version

v1.1.0

Reproduction link

https://nuxtjs.org/

Steps to reproduce

  1. Press "/" to focus search field
  2. Enter some text (for example, I searched for "async"
  3. Press enter to search, or try to press the search icon

What is expected ?

Search results are shown

What is actually happening?

Nothing happens. No errors in console either

ScopeyNZ

ScopeyNZ posted a new feature request

nuxtjs.org •

idea Extract docs server to a NPM package

What problem does this feature solve?

People (like myself) can't use Nuxt to render docs from markdown files on GitHub, without having to do all the scaffolding manually, or copying and pasting code from the nextjs.org repo. Additionally, having this functionality used independently should hopefully result in a more accessible contributor ecosystem meaning the docs module is more likely to have community contributed bugfixes and enhancements.

What does the proposed changes look like?

Hopefully not much more than:

aws95

aws95 posted a new question

nuxtjs.org •

can i create multiple dynamic routes on the same level ?

like this :
_id1.vue
_id2.vue

ftpyz

ftpyz posted a new question

nuxtjs.org •

isFullStatic is not defined

i upgrade nuxtjs 2.12 to 2.13 and run my project failed nuxtjs say to

\template\nuxt\config.json: isFullStatic is not defined

rgeraldporter

rgeraldporter posted a new bug report

nuxtjs.org •

bug Installation page down

Version

2.12.x

Reproduction link

https://nuxtjs.org/guide/installation

Steps to reproduce

Page worked a few minutes ago, now is down. Checked multiple browsers and asked coworkers to also check, all see the same.

What is expected ?

Should have install instructions

What is actually happening?

Blank page

Additional comments?

was trying to follow instructions and they vanished

aws95

aws95 posted a new question

nuxtjs.org •

store actions and mutations not updating the state

tis is my store :
export const state = () => ({
products: [],
categories: [],
subCategories: []
});

export const getters = {
getProducts(state) {
return state.products;
},
getCategories(state) {
return state.categories;
},
getSubCategories(state) {
return state.subCategories;
}
};
export const mutations = {
SETPRODUCTS(state, payload) { state.products = payload; }, SETCATEGORIES(state, payload) {
state.categories = payload;
},
SET_SUBCATEGORIES(state, payload) {
state.subCategories = payload;
}
};

export const actions = {
async productsAPI({ commit }) {
const { data } = await this.$axios.get("http://localhost:8080/products");
commit("SETPRODUCTS", data); }, async categoriesAPI({ commit }) { const categories = await this.$axios.$get( "http://localhost:8080/categories" ); commit("SETCATEGORIES", data);
},
async subCategoriesAPI({ commit }) {
const subcategories = await this.$axios.$get(
"http://localhost:8080/subcategories"
);
commit("SET_SUBCATEGORIES", data);
}
};

aws95

aws95 posted a new question

nuxtjs.org •

store actiosn and mutations not updating the state
tianyinggang

tianyinggang posted a new question

nuxtjs.org •

nuxtjs可以和flask、django集成使用吗
tianyinggang

tianyinggang posted a new question

nuxtjs.org •

nuxtjs可以和flask、django集成使用吗
noname202

noname202 posted a new bug report

nuxtjs.org •

bug Route transition delay

Version

v1.1.0

Reproduction link

https://nuxtjs.org/

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)