Posted on

issue with nuxt-i18n & dynamic component

<component :is="testComp" />
computed: {
    testComp(){
        return () => include('componets/testComp')
    }
}
if using nuxt-i18n, MUST BE - parsePages: false

['nuxt-i18n', {
    parsePages: false, // Disable acorn parsing
}]
Posted on

third party plugin

Why Your Third-Party Plugin Don’t Work in Nuxt and How to Fix it

https://medium.com/@codebeast_/why-your-third-party-plugin-dont-work-in-nuxt-and-how-to-fix-it-d1a8caadf422
Posted on

Authentication

$ npm install @nuxtjs/auth @nuxtjs/axios --save
// nuxt.config.js

modules: [
  '@nuxtjs/axios',
  '@nuxtjs/auth'
],

// nuxt.config.js

axios: {
  baseURL: 'http://homestead.project/api'
},

auth: {
  strategies: {
    local: {
      endpoints: {
        login: { url: 'login', method: 'post', propertyName: 'data.token' },
        user: { url: 'me', method: 'get', propertyName: 'data' },
        logout: false
      }
    }
  }
}
await this.$auth.loginWith('local', {
    data: {
         email: this.email,
         password: this.password
    }
 })
this.$auth.loggedIn
this.$auth.user
await this.$auth.logout();

middleware: 'auth',
https://scotch.io/tutorials/implementing-authentication-in-nuxtjs-app
https://auth.nuxtjs.org/api/auth (nuxt auth module)