nuxt.js

Hey i've built a Nuxt app and am having trouble with the package @nuxtjs/google-tag-manager package. Found below. The documentation is pretty light and I haven't found many example implementations out there. In my nuxt.config.js I have the following set. ['@nuxtjs/google-tag-manager', { id: process.env.GTM_ID, layer: 'dataLayer', pageTracking: true }], ..but unfortunately am not getting any Page Views in Google Tag Manager Does anyone have any ideas or experience in how to best implement GTM or what has worked for them? Thanks in advance I had a look at the package, inside modules/packages

What is the exact difference between fetch and async data. The official documentation says the following: asyncData You may want to fetch data and render it on the server-side. Nuxt.js adds an asyncData method that lets you handle async operations before setting the component data. asyncData is called every time before loading the component (only for page components). It can be called from the server-side or before navigating to the corresponding route. This method receives the context object as the first argument, you can use it to fetch some data and return the component data. Fetch The

i want to give class active in each href based on current link. but now i have problem about remove class nuxt-link-exact-active or giving style on it, i my current template already has style .mainNav .nav-item.active .nav-link so all i need to do remove class nuxt-link-exact-active giving style nuxt-link-exact-active but i did number 2 but still not working this is my demo https://codesandbox.io/s/m3rpmrk0xj 来源： https://stackoverflow.com/questions/54029794/remove-class-nuxt-link-exact-active-or-giving-style-css-on-it

I'm using Jest with vue-test-utils trying to test if a child component reacts to an $emit event in the parent component. VueJS test-utils library provides a parentComponent option to be passed when mounting/shallow mounting the component. Everything is working fine except that even though I instantiate the component with a mocked Vuex store, the parent component throws a TypeError: Cannot read property 'state' of undefined on a this.$store.state.something.here piece of code in the parent component. How can I mock the Vuex store there? The component mount looks like this: const wrapper =

Here is my repo with live demo https://github.com/alechance/nuxt-lodash . I'm using Nuxt with Vuetify + lodash-es, when running npm run dev and reload my page I got a SyntaxError: Unexpected token export with export default isArray; Imported files of lodash-es library are not transpiled by babel . To fix that, Nuxt.js provides option to manually specify files that should be transpiled via transpile option. Add following code to build section of nuxt.config.js : build: { transpile: [ 'lodash-es' ], // Other build options } 来源： https://stackoverflow.com/questions/53081769/syntaxerror-unexpected

My CSS is not rendering well in Internet explorer even after using IE prefixes. So I want to try conditional stylesheet, but I'm not sure how to go about that in Nuxt In Nuxt the best bet is to use CSS Conditional stylesheet in nuxt.config.js or use it in the default.vue template, but that does not fit in there since conditional stylesheet is normally applied in the head tag. <!--[if IE]> <link rel="stylesheet" type="text/css" href="all-ie-only.css" /> <![endif]--> This a typical example of what I want to try. If I can get help on how to format it so it can be used in the nuxt.config.js or in

You can see my code. npm install vue init nuxt/koa my-project (koa@2) pages |- login.vue <script> export default { name: 'login', method: { login () { let vm = this FB.login(function (response) { vm.statusChangeCallback(response) }, {scope: 'publish_actions'}) } }, mounted () { console.log('mounted') let vm = this window.fbAsyncInit = () => { FB.init({ appId: 'my-facebook-app-id', cookie: true, xfbml: true, version: 'v2.8' }) FB.getLoginStatus(function (response) { vm.statusChangeCallback(response) }) } (function(d, s, id){ var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id))