0.9.8 (#3)

* Core - Add `inject` fallback, fix #2

* Pkg - Edit README

* Pkg - Bump v0.9.8

* Nuxt - Cleanup module impl

* Tests - Up tests deps

Author: smastrom

README.md

@@ -228,11 +228,17 @@ import PulseSpinner from 'vue-global-loader/PulseSpinner.vue'
 </template>
 ```
 
-There's no need to style the spinners (e.g. the spinner should be 110px wide on desktop, 80px wide on mobile devices, animations should be disabled if users prefer reduced motion, etc). This is already taken care for you.
-
 Each spinner already has its own CSS and inherits the `foregroundColor` option specified in your config or scoped options.
 
-You may append a class to override its styles, but I wouldn't recommend it. Instead, you should use a custom spinner.
+If you think the spinner size is too big, add a class or inline styles to it and they'll be forwarded to the root `svg` element:
+
+```vue
+<template>
+  <GlobalLoader>
+    <PulseSpinner style="width: 60px" />
+  </GlobalLoader>
+</template>
+```
 
 #### Custom Spinners
 

packages/vue-global-loader/core/store.ts

@@ -81,7 +81,7 @@ export function useGlobalLoader(scopedOptions: Partial<GlobalLoaderOptions> = {}
       }
    }
 
-   const store = inject(injectionKey)!
+   const store = inject(injectionKey, new GlobalLoaderStore(scopedOptions))
 
    return {
       /** Display the global loader with any scoped option set in `useGlobalLoader` parameter. */

packages/vue-global-loader/nuxt/module.json

@@ -1,5 +1,5 @@
 {
    "name": "vue-global-loader/nuxt",
    "configKey": "globalLoader",
-   "version": "0.9.7"
+   "version": "0.9.8"
 }

packages/vue-global-loader/nuxt/module.mjs

@@ -8,15 +8,15 @@ import {
 } from '@nuxt/kit'
 import { defu } from 'defu'
 
-const module = defineNuxtModule({
+export default defineNuxtModule({
    meta: {
       name: 'nuxt/vue-global-loader',
       configKey: 'globalLoader',
       compatibility: {
          nuxt: '>=3.0.0',
       },
    },
-   async setup(moduleOptions, nuxt) {
+   setup(moduleOptions, nuxt) {
       nuxt.options.runtimeConfig.public.globalLoader = defu(
          nuxt.options.runtimeConfig.public.globalLoader || {},
          moduleOptions
@@ -55,5 +55,3 @@ const module = defineNuxtModule({
       })
    },
 })
-
-export { module as default }

packages/vue-global-loader/package.json

@@ -1,6 +1,6 @@
 {
    "name": "vue-global-loader",
-   "version": "0.9.7",
+   "version": "0.9.8",
    "private": false,
    "description": "Global loaders made easy for Vue and Nuxt",
    "keywords": [

playground/package.json

@@ -10,12 +10,12 @@
       "postinstall": "nuxt prepare"
    },
    "devDependencies": {
-      "@nuxt/devtools": "latest",
-      "browserslist": "^4.22.2",
-      "lightningcss": "^1.22.1",
-      "nuxt": "^3.8.2",
-      "vue": "^3.3.11",
-      "vue-router": "^4.2.5"
+      "@nuxt/devtools": "^1.2.0",
+      "browserslist": "^4.23.0",
+      "lightningcss": "^1.24.1",
+      "nuxt": "^3.11.2",
+      "vue": "^3.4.26",
+      "vue-router": "^4.3.2"
    },
    "dependencies": {
       "vue-global-loader": "workspace:^"

tests/package.json

@@ -8,17 +8,17 @@
    "dependencies": {
       "tinycolor2": "^1.6.0",
       "vue-global-loader": "workspace:*",
-      "vue-router": "^4.2.5"
+      "vue-router": "^4.3.2"
    },
    "devDependencies": {
-      "@types/node": "^20.10.4",
+      "@types/node": "^20.12.8",
       "@types/tinycolor2": "^1.4.6",
-      "@vitejs/plugin-vue": "^4.5.2",
+      "@vitejs/plugin-vue": "^5.0.4",
       "@vitejs/plugin-vue-jsx": "^3.1.0",
-      "cypress": "^13.6.1",
-      "typescript": "^5.3.3",
-      "vite": "^4.5.1",
-      "vue": "^3.3.11",
-      "vue-tsc": "^1.8.25"
+      "cypress": "^13.8.1",
+      "typescript": "^5.4.5",
+      "vite": "^5.2.11",
+      "vue": "^3.4.26",
+      "vue-tsc": "^2.0.16"
    }
 }