Nuxt Module - Fix type imported from pkg

Author: smastrom

packages/vue-global-loader/nuxt/module.d.ts

@@ -1,16 +1,21 @@
 import * as _nuxt_schema from '@nuxt/schema'
 
-import { GlobalLoaderOptions } from 'vue-global-loader'
-
-// Must use a Type and not an Interface
-type ModuleOptions = GlobalLoaderOptions & {
+// Somehow types if imported from the package are not recognized so they must be hardcoded. TODO: investigate
+interface ModuleOptions {
    /**
     * Whether to create and inject the global loader store in the Vue app. Equivalent of calling
     * `app.use(globalLoader)` in the main.js of a non-Nuxt app.
     */
-   addPlugin?: boolean
+   addPlugin: boolean
+   screenReaderMessage: string
+   transitionDuration: number
+   foregroundColor: string
+   backgroundColor: string
+   backgroundOpacity: number
+   backgroundBlur: number
+   zIndex: number
 }
 
 declare const _default: _nuxt_schema.NuxtModule<ModuleOptions>
 
-export { type ModuleOptions, _default as default }
+export { ModuleOptions, _default as default }

playground/nuxt.config.ts

@@ -27,9 +27,8 @@ export default defineNuxtConfig({
       },
    },
    globalLoader: {
-      addPlugin: true,
-      // backgroundOpacity: 0.5,
-      transitionDuration: 400,
+      // addPlugin: true,
+      transitionDuration: 300,
       backgroundColor: 'var(--light-1)',
       foregroundColor: 'var(--dark-1)',
    },