Merge pull request #1226 from basics/feature/improvements

fix(composable): added default values

Author: ThornWalli

docs/src/guide/options.md

@@ -11,7 +11,7 @@ title: Options
   - Valid values: `anonymous`, `use-credentials`, `''`, `true`, `false`
 
 Sets the global `crossorigin` value of the **Nuxt Booster** preloads.  
-The default value is the `crossorigin` value from the [Render Configuration](https://nuxtjs.org/docs/2.x/configuration-glossary/configuration-render#crossorigin).  
+
 > Set `false` to disable the `crossorigin`.
 
 [MDN - HTML.Attributes.crossorigin](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/crossorigin)

docs/src/guide/setup.md

@@ -20,6 +20,10 @@ Install `nuxt-booster` as a dependency to your project:
   npm install nuxt-booster
   ```
 
+  ```bash [PNPM]
+  pnpm add nuxt-booster
+  ```
+
 :::
 
 Add `nuxt-booster` to the `modules` section of `nuxt.config.js`:

src/runtime/composables/useBoosterComponentObserver.js

@@ -2,7 +2,7 @@ import { getElementObserver } from '#booster/classes/intersection';
 import { useBoosterCritical } from '#imports';
 import { onMounted, ref } from 'vue';
 
-export default function (options) {
+export default function (options = {}) {
   const el = ref(null);
   const inView = ref(false);
 

src/runtime/composables/useBoosterCritical.js

@@ -2,16 +2,11 @@ import { useAttrs, provide, inject, ref, computed } from 'vue';
 
 const criticalContextKey = Symbol('criticalContext');
 
-/**
- *
- * @param {*} param0
- * @returns {
- * isCritical: import('vue').ComputedRef<boolean>,}
- *
- */
-export default function ({ critical } = {}) {
+export default function (context = {}) {
   const attrs = useAttrs();
 
+  const { critical } = { critical: undefined, ...context };
+
   const currentCritical = ref(
     !('critical' in attrs)
       ? critical

src/runtime/composables/useBoosterFonts.js

@@ -2,7 +2,7 @@ import FontCollection from '#booster/classes/FontCollection';
 import { useBoosterCritical, useBoosterConfig, useNuxtApp } from '#imports';
 import { reactive, nextTick, onBeforeUnmount } from 'vue';
 
-export default function (context) {
+export default function (context = {}) {
   const { isCritical, critical } = useBoosterCritical(context);
 
   const runtimeConfig = useBoosterConfig();