I am currently in the process of developing a 'Nuxt.js' application using typescript.
Below is the code snippet I am working with:
<script lang='ts'>
import {Component, Vue} from 'nuxt-property-decorator';
import {LOCATION} from '~/constants/graphql/location';
@Component({
apollo: {
getLocation: {
query: LOCATION,
variables(): object {
return {
id: 10,
};
},
prefetch: true,
},
},
})
export default class Home extends Vue {
}
</script>
The issue I am encountering is as follows:
Argument of type '{ apollo: { getLocation: { query: any; variables(): object; prefetch: boolean; }; }; }' is not assignable to parameter of type 'VueClass<Vue>'.Object literal may only specify known properties, and 'apollo' does not exist in type 'VueClass<Vue>'.I understand this error originates from TypeScript, but how can I resolve it?