All Questions
17 questions
1
vote
1
answer
78
views
Computed property lack of reactivity for deep nested object
EDIT01: I'm using "nuxt": "^2.16.0" with "@nuxtjs/composition-api": "^0.29.2".
I'm have been trying for days to figure this out but still dealing with this ...
- 208
3
votes
0
answers
119
views
pinia composition api 'this' type problem
I am using Nuxt 2 with Pinia Composition API. Through a plugin, I have added axios instances, etc., into PiniaCustomProperties.
const piniaPlugin = ({ $pinia, app }: { $pinia: any; app: any }): void =&...
- 61
0
votes
1
answer
791
views
How do I properly use Nuxt emit?
I am trying to develop vue.js application, but recently faced a problem using emit function. The thing is that event successfully sends at child component, but it never appears at parent component.
...
- 71
2
votes
1
answer
964
views
Vue router in composition api?
In Nuxt 2.16, I'm trying to access the useRouter composable with import {useRouter} from 'vue-router', as in this question, but the import leaves useRouter undefined.
When I import * as r from 'vue-...
- 4,890
1
vote
0
answers
2k
views
Nuxt 2 + Typescript: Property '...' does not exist on type '{}'.ts(2339)
I added typescript to my existing [email protected] application following instructions from official docs (typescript, Composition API) and from some other blogs when official docs resulted in the error.
I ...
- 688
1
vote
0
answers
123
views
How to use Vue3 like readonly on Vue2
I'm using Nuxt2 and '@nuxtjs/composition-api'.
This '@nuxtjs/composition-api' has readonly() function, however this not behave like Vue3 readonly
When you use '@nuxtjs/composition-api' readonly, you ...
- 385
0
votes
1
answer
121
views
What should be order of life cycles, variables, functions Nuxt Composition API?
I am frontend team member and we are creating web pages together by using Nuxt Composition Api. We want to write clean and well ordered codes together and we don't wanna face with much problems when ...
- 271
5
votes
0
answers
882
views
Nuxt 2 & Vuelidate 2 not working properly
I have installed vuelidate 2 to validate forms in my NuxtJS project. I followed instructions for installation and setup according to vuelidate documentation. This is how my setup files look until now:
...
- 51
3
votes
2
answers
9k
views
Computed is not defined
I've got a error where computed is not defined, I can't seem to find how to solve this, even after placing it in computed: {}
<template>
<component :is="tag" v-html="...
- 587
0
votes
0
answers
485
views
How to use Nuxt-child in nuxtjs?
I want to use nuxt-child in my project. Because I don't wanna refresh page whenever a link was clicked on right area. Normally I used nuxt-child in many projects without any mistake, but in this ...
- 271
0
votes
1
answer
554
views
How to get state in Nuxt js with composition api?
setup(){
const columns = computed(()=>store.state['subCategory'].subCategoryColumnsData[subCategoryName.value]);
const { fetch } = useFetch(async () => {
await store.dispatch('...
- 271
0
votes
1
answer
320
views
Nuxt2 CompositionAPI - Can't display imported render function on component - "template or render function not defined"
So I've made a render function that is, as far as I am aware, valid. (Fig. 1)(Fig. 2)
I'm importing this into a component and registering it within the defineComponent.
Yet, during runtime, I get a &...
- 170
5
votes
0
answers
2k
views
How to use Pinia with Nuxt, composition-api (vue2) and SSR?
I'm trying to get Pinia to work in Nuxt with SSR (server-side rendering).
When creating a page without Pinia, it works:
<script>
import { reactive, useFetch, useContext } from '@nuxtjs/...
- 4,908
3
votes
2
answers
4k
views
How to use $axios Nuxt module inside of setup() from composition API?
The docs say to use this.$axios.$get() inside of methods/mounted/etc, but that throws TypeError: _this is undefined when called inside of setup(). Is $axios compatible with the composition API?
To ...
- 521
3
votes
1
answer
4k
views
Nuxt - composition api and watchers
I am trying to watch for some warnings in my component
import VueCompositionApi, { watch } from '@vue/composition-api';
import useWarning from '@composables/warnings';
Vue.use(VueCompositionApi);
...
- 1,043