diff --git a/docs/src/composables/useBoosterComponentObserver.md b/docs/src/composables/useBoosterComponentObserver.md
index bd728232ec..a14c110d65 100644
--- a/docs/src/composables/useBoosterComponentObserver.md
+++ b/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>
 ```
diff --git a/docs/src/composables/useBoosterConfig.md b/docs/src/composables/useBoosterConfig.md
index 1af3b994de..c1041cf905 100644
--- a/docs/src/composables/useBoosterConfig.md
+++ b/docs/src/composables/useBoosterConfig.md
@@ -11,6 +11,5 @@ Returns `nuxt-booster` public runtime options.
 ## Example
 
 ```js
-import { useBoosterConfig } from '#imports';
 const $boosterOptions = useBoosterConfig();
 ```
diff --git a/docs/src/composables/useBoosterCritical.md b/docs/src/composables/useBoosterCritical.md
index 35956b6e0f..a3ef5387bc 100644
--- a/docs/src/composables/useBoosterCritical.md
+++ b/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>
 ```
diff --git a/docs/src/composables/useBoosterFont.md b/docs/src/composables/useBoosterFont.md
index f8b76b219b..61db43e913 100644
--- a/docs/src/composables/useBoosterFont.md
+++ b/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>
 ```
diff --git a/src/module.js b/src/module.js
index 537a6b67fe..4df716e18d 100644
--- a/src/module.js
+++ b/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')
+      }))
     );
   }
 });
diff --git a/src/runtime/composables/componentObserver.js b/src/runtime/composables/componentObserver.js
index 1e75d9baec..0c57149565 100644
--- a/src/runtime/composables/componentObserver.js
+++ b/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);
 
diff --git a/src/runtime/composables/config.js b/src/runtime/composables/config.js
index bdb1d90903..b53683607a 100644
--- a/src/runtime/composables/config.js
+++ b/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;
 }
diff --git a/src/runtime/composables/critical.js b/src/runtime/composables/critical.js
index b604b34b6b..4b6e4b5c47 100644
--- a/src/runtime/composables/critical.js
+++ b/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(
diff --git a/src/runtime/composables/fonts.js b/src/runtime/composables/fonts.js
index a404b448af..b0d401356e 100644
--- a/src/runtime/composables/fonts.js
+++ b/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();
diff --git a/src/runtime/composables/index.js b/src/runtime/composables/index.js
index b5e3de4c88..60bdd599f5 100644
--- a/src/runtime/composables/index.js
+++ b/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';