ActionTree | Python library executing long concurrent actions

I'm implementing a component that works as a search engine, that is, for each character I insert in the input, a request must be made to the back and the results must be updated. I'm implementing it with an autocomplete and the result would be the one I'm going to show below:

I got this image by mocking the object returned by the back. If I do the same process from the vuex module, I don't get results.

The steps I have followed are as follows. First I implemented the Vuex module as follows:

I have an interface for my state (game namespace) that looks like the following:

I try to make news web apps to use newsapi.org. I wanted to hide my api_key so I decided to use env property in Nuxt.Js. But now I got 401 status code from server.

first of all, I made the .env file in project file and I put my API_KEY. and then I installed 'dotenv' use 'yarn add dotenv' command in VSCode terminal.

and I add nuxt.config.ts file. I have used TypeScript in my project so all file depend on TypeScript.

I have tried to get RestAPI data to use axios in actions of Vuex system and display that information in components. So I tried to make small app using test API sample, but error occuered.

I used that test API. Its include 5 keys, like "postId","id","name","email","body". In my case, I just want to display "id" information to my component. but error message saied "TypeError: Cannot read property 'id' of undefined"

and my Vuex code is below store/customer.ts

i have @nuxtjs/toast installed and working properly in my application.

I want to show a toast after an action is dispatched. How can i access $toast in my actions in my module in the vuex store?

PS: i am using Nuxt with typescript, and from intellisense it seems i can only access $router and $axios.

I am using VueX within Nuxt and Typescript. I would like to have the initial state of my user be null. Setting state.authenticatedUser:null works fine. But once I try to asign a IAuthenticatedUser to it, it won't know the type since I assigned null and it will throw an error in my mutation where I put the comment.

So how can I have my authenticatedUser be null initially?

I'm learning Vue.js with Vuex and TypeScript, in the application i'm building i came across the error "Object is possibly 'undefined'" in the Vuex Store.

The error happens in the "newCard" mutation in this line:

I'm trying to write a Vuex store with typescript (not using vuex-module-decorators, just plain Vuex + typescript to keep things simple). My root store has no state, just modules:

Problem: Having started multiple long-polling streams that need to persist throughout the app lifecycle (regardless of the lifecycle of individual components), I'm looking for a way to unsubscribe in response to various events (e.g. route change, but not limited to). To that end I wrote the following code: