Merge pull request #985 from basics/feature/composable-fix

fix(composable): fix missing composable

docs/src/composables/useBoosterComponentObserver.md

@@ -31,12 +31,9 @@ title: useBoosterComponentObserver
 </template>
 
 <script setup>
-import useBoosterComponentObserver from '#booster/composables/componentObserver';
-
 const { el: target, inView } = useBoosterComponentObserver({
   trackVisibility: true,
   delay: 350
 });
-
 </script>
 ```

docs/src/composables/useBoosterConfig.md

@@ -11,6 +11,5 @@ Returns `nuxt-booster` public runtime options.
 ## Example
 
 ```js
-import { useBoosterConfig } from '#imports';
 const $boosterOptions = useBoosterConfig();
 ```

docs/src/composables/useBoosterCritical.md

@@ -28,7 +28,6 @@ const { isCritical } = useBoosterCritical({critical: true});
 </template>
 
 <script setup>
-  import { useBoosterCritical } from '#imports';
   const { isCritical } = useBoosterCritical();
 </script>
 ```

docs/src/composables/useBoosterFont.md

@@ -29,7 +29,6 @@ const { $getFont } = useBoosterFonts({critical: true});
 </template>
 
 <script setup>
-  import { useBoosterFonts } from '#imports';
   const { $getFont } = useBoosterFonts();
 </script>
 ```

src/module.js

@@ -85,12 +85,15 @@ export default defineNuxtModule({
     await addBuildTemplates(nuxt, moduleOptions);
 
     addImports(
-      ['useBoosterCritical', 'useBoosterConfig', 'useBoosterFonts'].map(
-        name => ({
-          name,
-          from: resolve(runtimeDir, 'composables/index')
-        })
-      )
+      [
+        'useBoosterComponentObserver',
+        'useBoosterCritical',
+        'useBoosterConfig',
+        'useBoosterFonts'
+      ].map(name => ({
+        name,
+        from: resolve(runtimeDir, 'composables/index')
+      }))
     );
   }
 });

src/runtime/composables/componentObserver.js

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

src/runtime/composables/config.js

@@ -1,6 +1,6 @@
 import { useRuntimeConfig } from '#app';
 
-export default function useConfig() {
+export default function () {
   const { booster: runtimeConfig } = useRuntimeConfig().public;
   return runtimeConfig;
 }

src/runtime/composables/critical.js

@@ -2,7 +2,7 @@ import { computed, ref, inject, provide, useAttrs } from 'vue';
 
 const criticalContextKey = Symbol('criticalContext');
 
-export default function useFonts({ critical } = {}) {
+export default function ({ critical } = {}) {
   const attrs = useAttrs();
 
   const currentCritical = ref(

src/runtime/composables/fonts.js

@@ -3,7 +3,7 @@ import { useHead, useBoosterCritical, useBoosterConfig } from '#imports';
 import { useNuxtApp } from '#app';
 import FontCollection from '#booster/classes/FontCollection';
 
-export default function useFonts(context) {
+export default function (context) {
   const { isCritical, critical } = useBoosterCritical(context);
 
   const runtimeConfig = useBoosterConfig();

src/runtime/composables/index.js

@@ -1,3 +1,4 @@
+export { default as useBoosterComponentObserver } from './componentObserver';
 export { default as useBoosterCritical } from './critical';
 export { default as useBoosterConfig } from './config';
 export { default as useBoosterFonts } from './fonts';