nuxt.js

Hi is there anyone who has tried to deploy nuxt app to Google App Engine. I have tried from nuxt regular and express template, it shows 502 Bad Gateway. I don't modify anything from create-nuxt-app command. My app.yaml file contains runtime: nodejs env: flex Is there anything wrong with my setup or maybe there are some additional setup I have to do? Here is my package.json { "name": "nuxt-pwa-vuetify-starter", "version": "1.0.0", "description": "Nuxt.js + PWA + Vuetify.js starter project", "author": "Jefry Dewangga <jefrydco@gmail.com>", "private": true, "homepage": "https://github.com

I attempt use this library for my Nuxt project: getting-started I tried do how to written in docs, but in all variants get an error for exmaple: Unknown custom element: - did you register the component correctly? For recursive components, make sure to provide the "name" option. what i tried: <template> <div class="div-wrapper"> <h1>grge</h1> <div id="typeahead"><typeahead :data="USstate" placeholder="USA states"> </typeahead></div> </div> </template> <style lang="less"> .div-wrapper { background: #f4f4f4; padding: 95px 15px 50px 15px; } </style> <script> import Vue from 'vue'; export default {

I am trying to use Choices.js within a Vue component. The component compiles successfully, but then an error is triggered: [vue-router] Failed to resolve async component default: ReferenceError: document is not defined In the browser I see: ReferenceError document is not defined I think this has something to do with the SSR in Nuxt.js? I only need Choices.js to run on the client, because it's a client only aspect I guess. nuxt.config.js build: { vendor: ['choices.js'] } AppCountrySelect.vue <script> import Choices from 'choices.js' export default { name: 'CountrySelect', created () { console

I am using Nuxt and Vue and I am trying to submit a form, redirect the user to a new route including the submitted params, send an API request to get some data and then render that data. I achieved this by simply setting the form action to the new path and manually adding all the URL parameters to the API request. First I create a simple form with the route /search . <form action="/search"> <input type="text" name="foobar"> <button type="submit">Submit</button> </form> When submitting the form the user leaves the current page and gets redirected to the new page. The URL would now look like

Struggling a bit to set up error handling with vuex. There seems to be quite a few ways to do so and little documentation on proper error handling. I've been experimenting with four alternatives, though I haven't found a satisfying solution yet. Alternative 1 - Catching and processing errors on component in pages/login.vue: export default { methods: { onLogin() { this.$store.dispatch('auth/login', { email: this.email, password: this.password, }).then(() => { this.$router.push('/home'); }).catch((error) { // handle error in component }); }, }, } in store/auth.js: export const actions = { login(

I'm new with VueJs, I'm finding best way to config Global Headers for Get, Post, Patch in VueJS, which is easy to use and strong security . In the current I just write it in export default {} for every components and it's very bad I know. So I ask you guys to help. Fixed Thanks to @Hardik Satasiya ~/plugins/axios.js Every Components: import axios from 'axios' var api = axios.create({ baseURL: 'http://localhost:8000/api/v1/', headers: {'Authorization': 'JWT ' + store.state.token} }) export default api Issues: Can't tranmit store in to axios.create, so store is not defined Yes its good idea to

Hi everybody i'm trying to watch on route changes in my nuxt js app. Here my middleware: export default function ({ route }) { return route; but i don't know what to write here } index.vue File middleware: [routeReact] i'm trying to write this: app.context.route = route but it says to me that app.context doesn't exist Here's the point of my question i'm trying to update my data that gets from my api with axios on page if route changing like this this the page i'm clicking link to next page : but when i'm route to next page, nothing happens all data is the same: here my asyncData code: