You need to get store from context. Reference asyncData({ app, params, store }) { var url = `https://myapi/news/${store.state.market}/detail/${params.id}`; return app.$axios.get(url).then(response => { return { actu: response.data }; });
I’ve recently had to go through this process with a rather large Nuxt application, so I can share some of the insights and solutions we came up with. We managed to bump ours up by about 40 points before we were happy. My number one piece of advice for anyone reading: Ditch the frameworks. By … Read more
[UPDATE] If you want to use GA4 Property (which is what has the ids in the format G-XXXXXXXXXX) you can try to use vue-gtag package by creating a plugin: import Vue from ‘vue’ import VueGtag from ‘vue-gtag’ Vue.use(VueGtag, { config: { id: ‘G-XXXXXXXXXX’ } }) Add this in nuxtconfig.js plugins: [‘@/plugins/gtag’] About the problem indicated … Read more
After trying several solutions, I have just added “exclude”: [“node_modules”] and restarted VScode. The error went away.
In your case, you can replace ‘vue/multi-word-component-names’: ‘off’ with: ‘vue/multi-word-component-names’: [‘error’, { ‘ignores’: [‘default’] }] this will set the rule to ‘allow’ for all files named ‘default’ you can read more about it here: https://eslint.vuejs.org/rules/multi-word-component-names.html
You should use a custom row cell : <v-data-table :headers=”headers” :items=”logs”> <template v-slot:item.createdOn=”{ item }”> <span>{{ new Date(item.createdOn).toLocaleString() }}</span> </template> </v-data-table>
@babel/preset-env updated, use old version 7.12.17 https://www.npmjs.com/package/@babel/preset-env/v/7.12.17
HTTPS on local dev – NUXT style Solution is described in NUXT documentation: https://nuxtjs.org/api/configuration-server/#example-using-https-configuration This may be achieved with: Go to project main dir; Create private and public key; openssl genrsa 2048 > server.key chmod 400 server.key openssl req -new -x509 -nodes -sha256 -days 365 -key server.key -out server.crt Add requirements to the top of … Read more
Use the below configuration into nuxt config file: build: { extend(config, ctx) { config.module.rules.push({ enforce: ‘pre’, test: /\.(js|vue)$/, loader: ‘eslint-loader’, exclude: /(node_modules)/, options: { fix: true } }) } } Important part is: options: { fix: true }
When you have “type”: “module” in the package.json file, your source code should use import syntax. When you do not have, you should use require syntax; that is, adding “type”: “module” to the package.json enables ES 6 modules. For more info, see here.