vue2.7-compatible variant

packages/types/app/vue.d.ts

@@ -7,6 +7,7 @@ import type { MetaInfo } from 'vue-meta'
 import type { Route } from 'vue-router'
 import type { RecordPropsDefinition, PropsDefinition, ComponentOptions } from 'vue/types/options'
 import type { CombinedVueInstance, ExtendedVue } from 'vue/types/vue'
+import type { ComponentOptionsMixin } from 'vue/types/v3-component-options'
 import type { NuxtRuntimeConfig } from '../config/runtime'
 import type { Context, Middleware, Transition, NuxtApp } from './index'
 
@@ -18,8 +19,22 @@ type DefaultComputed = { [key: string]: any }
 type DefaultAsyncData<V> = ((this: V, context: Context) => Promise<object | void> | object | void)
 
 declare module 'vue/types/options' {
-  interface ComponentOptions<V extends Vue> {
-    asyncData?: DefaultAsyncData<V>
+  interface ComponentOptions<
+    V extends Vue,
+    /* eslint-disable no-unused-vars,@typescript-eslint/no-unused-vars */
+    Data = DefaultData<V>,
+    Methods = DefaultMethods<V>,
+    Computed = DefaultComputed,
+    PropsDef = PropsDefinition<DefaultProps>,
+    Props = DefaultProps,
+    RawBindings = {},
+    Mixin extends ComponentOptionsMixin = ComponentOptionsMixin,
+    Extends extends ComponentOptionsMixin = ComponentOptionsMixin,
+    /* eslint-enable no-unused-vars,@typescript-eslint/no-unused-vars */
+    AsyncData = DefaultAsyncData<V>
+  > {
+    // eslint-disable-next-line @typescript-eslint/ban-types
+    asyncData?: AsyncData
     fetch?(ctx: Context): Promise<void> | void
     fetchKey?: string | ((getKey: (id: string) => number) => string)
     fetchDelay?: number