fix(clean): removed unneeded imports

playground/components/InfoLayer.vue

@@ -33,7 +33,6 @@
 
 <script setup>
 import { getStyleDescription } from '#booster/utils/description';
-import { useHead, useBoosterFonts } from '#imports';
 import BoosterLayer from '#booster/components/BoosterLayer';
 import BaseButton from '@/components/base/Button';
 const { $getFont } = useBoosterFonts();

playground/components/PageHeader.vue

@@ -5,8 +5,6 @@
 </template>
 
 <script setup>
-import { defineOptions } from 'vue';
-
 import PageHeaderMenu from './fragments/PageHeaderMenu';
 
 defineOptions({

playground/components/PreviewContainer.vue

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

playground/components/WeakHardwareOverlay.vue

@@ -14,7 +14,6 @@ import BoosterWeakHardwareOverlay from '#booster/components/WeakHardwareOverlay'
 
 import BaseButton from '@/components/base/Button';
 
-import { useBoosterFonts } from '#imports';
 const { $getFont } = useBoosterFonts();
 defineProps({
   text: {

playground/components/base/Button.vue

@@ -10,7 +10,6 @@
 </template>
 
 <script setup>
-import { useBoosterFonts } from '#imports';
 const { $getFont } = useBoosterFonts();
 defineEmits(['click']);
 </script>

playground/components/base/Headline.vue

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

playground/components/base/LinkList.vue

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

playground/components/elements/LoaderTest.vue

@@ -5,9 +5,6 @@
 </template>
 
 <script setup>
-import { ref } from 'vue';
-import { onMounted, useBoosterCritical } from '#imports';
-
 const { isCritical } = useBoosterCritical();
 const active = ref(false);
 

playground/components/elements/ScrollItem.vue

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

playground/components/fragments/PageHeaderMenu.vue

@@ -44,8 +44,6 @@
 </template>
 
 <script setup>
-import { watch, computed, ref, onMounted } from 'vue';
-import { useRoute } from '#app';
 import Headline from '@/components/base/Headline';
 import LinkList from '@/components/base/LinkList';
 

playground/components/modules/ImageText.vue

@@ -27,7 +27,7 @@
 
 <script setup>
 import BoosterPicture from '#booster/components/BoosterPicture';
-import { useBoosterFonts } from '#imports';
+
 const { $getFont } = useBoosterFonts();
 defineProps({
   alignRight: { type: Boolean, default: false },

playground/components/modules/Stage.vue

@@ -29,11 +29,10 @@
 </template>
 
 <script setup>
-import { onMounted, ref } from 'vue';
 import BoosterPicture from '#booster/components/BoosterPicture';
 import BoosterImage from '#booster/components/BoosterImage';
 import SvgChevronDown from '@/assets/svg/chevron-down.svg';
-import { useBoosterFonts } from '#imports';
+
 const { $getFont } = useBoosterFonts();
 
 const ready = ref(false);

playground/components/modules/TextFontA.vue

@@ -18,7 +18,6 @@
 </template>
 
 <script setup>
-import { useBoosterFonts } from '#imports';
 const { $getFont } = useBoosterFonts();
 defineProps({
   headline: { type: String, default: 'Headline' },

playground/components/modules/TextFontB.vue

@@ -20,7 +20,6 @@
 </template>
 
 <script setup>
-import { useBoosterFonts } from '#imports';
 const { $getFont } = useBoosterFonts();
 defineProps({
   headline: { type: String, default: 'Headline' },

playground/components/modules/VideoVimeo.vue

@@ -14,7 +14,7 @@
 <script setup>
 import BoosterVimeo from '#booster/components/BoosterVimeo';
 import WeakHardwareOverlay from '@/components/WeakHardwareOverlay';
-import { useBoosterFonts } from '#imports';
+
 const { $getFont } = useBoosterFonts();
 defineProps({
   text: { type: String, default: null }

playground/components/modules/VideoYoutube.vue

@@ -12,7 +12,7 @@
 <script setup>
 import BoosterYoutube from '#booster/components/BoosterYoutube';
 import WeakHardwareOverlay from '@/components/WeakHardwareOverlay';
-import { useBoosterFonts } from '#imports';
+
 const { $getFont } = useBoosterFonts();
 defineProps({
   text: { type: String, default: null }

playground/layouts/default.vue

@@ -11,8 +11,6 @@
 
 <script setup>
 import 'wicg-inert';
-import { ref, defineAsyncComponent, computed } from 'vue';
-import { useRoute, useHead } from '#app';
 import boosterHydrate from '#booster/hydrate';
 
 const InfoLayer = defineAsyncComponent(() => import('@/components/InfoLayer'));

playground/pages/tests/booster-layer/index.vue

@@ -6,8 +6,6 @@
 </template>
 
 <script setup>
-import { onMounted, ref } from 'vue';
-import { definePageMeta } from '#imports';
 import boosterHydrate from '#booster/hydrate';
 import BoosterLayer from '#booster/components/BoosterLayer';
 

playground/pages/tests/booster-loader/index.vue

@@ -7,7 +7,6 @@
 
 <script setup>
 import boosterHydrate from '#booster/hydrate';
-import { definePageMeta } from '#imports';
 
 const Critical = boosterHydrate(() => import('./components/Critical'));
 const Lazy = boosterHydrate(() => import('./components/Lazy'));

playground/pages/tests/index.vue

@@ -3,8 +3,6 @@
 </template>
 
 <script setup>
-import { definePageMeta } from '#imports';
-
 definePageMeta({
   layout: 'blank'
 });

playground/pages/tests/v-font-media/components/Critical.vue

@@ -97,7 +97,7 @@
 
 <script setup>
 import PreviewContainer from '@/components/PreviewContainer';
-import { useBoosterFonts } from '#imports';
+
 const { $getFont } = useBoosterFonts();
 </script>
 

playground/pages/tests/v-font-media/components/Lazy.vue

@@ -104,7 +104,7 @@
 
 <script setup>
 import PreviewContainer from '@/components/PreviewContainer';
-import { useBoosterFonts } from '#imports';
+
 const { $getFont } = useBoosterFonts();
 </script>
 

playground/pages/tests/v-font/components/Critical.vue

@@ -75,7 +75,7 @@
 
 <script setup>
 import PreviewContainer from '@/components/PreviewContainer';
-import { useBoosterFonts } from '#imports';
+
 const { $getFont } = useBoosterFonts();
 </script>
 

playground/pages/tests/v-font/components/Lazy.vue

@@ -85,7 +85,7 @@
 
 <script setup>
 import PreviewContainer from '@/components/PreviewContainer';
-import { useBoosterFonts } from '#imports';
+
 const { $getFont } = useBoosterFonts();
 </script>
 

playground/pages/tests/vimeo/components/Default.vue

@@ -12,7 +12,6 @@
 </template>
 
 <script setup>
-import { computed } from 'vue';
 import DefaultVimeo from '#booster/components/BoosterVimeo';
 import PreviewContainer from '@/components/PreviewContainer';
 

playground/pages/tests/weak-hardware-overlay/index.vue

@@ -9,9 +9,6 @@
 </template>
 
 <script setup>
-import { ref, onMounted } from 'vue';
-import { definePageMeta } from '#imports';
-
 import BoosterLayer from '#booster/components/BoosterLayer';
 import BoosterWeakHardwareOverlay from '#booster/components/WeakHardwareOverlay';
 

playground/pages/tests/youtube/components/Default.vue

@@ -12,8 +12,6 @@
 </template>
 
 <script setup>
-import { computed } from 'vue';
-
 import DefaultYoutube from '#booster/components/BoosterYoutube';
 import PreviewContainer from '@/components/PreviewContainer';
 

src/runtime/components/BoosterIframe.vue

@@ -10,9 +10,6 @@
 </template>
 
 <script setup>
-import { ref, watch } from 'vue';
-import useBoosterComponentObserver from '#booster/composables/componentObserver';
-
 const props = defineProps({
   src: {
     type: String,

src/runtime/components/BoosterImage.vue

@@ -1,8 +1,6 @@
 <script>
 import { LazyHydrationWrapper } from 'vue3-lazy-hydration';
-import { h } from 'vue';
 import BoosterImage from '#booster/components/BoosterImage/Base';
-import { useBoosterCritical } from '#imports';
 
 export default {
   inheritAttrs: false,

src/runtime/components/BoosterImage/utils/image.js

@@ -1,5 +1,4 @@
 import { joinURL, parseURL, withBase, hasProtocol } from 'ufo';
-import { useRequestURL } from '#app';
 
 const SOURCE_FORMATS = ['avif', 'webp', 'png', 'jpg', 'gif'];
 const FALLBACK_FORMAT = 'jpg';

src/runtime/components/BoosterLayer.vue

@@ -44,8 +44,6 @@
 </template>
 
 <script setup>
-import { ref, onMounted } from 'vue';
-import { useHead } from '#imports';
 import { getStyleDescription } from '#booster/utils/description';
 
 const isServer = ref(true);

src/runtime/components/BoosterPicture.vue

@@ -1,8 +1,6 @@
 <script>
 import { LazyHydrationWrapper } from 'vue3-lazy-hydration';
-import { h } from 'vue';
 import BoosterPicture from '#booster/components/BoosterPicture/Base';
-import { useBoosterCritical } from '#imports';
 
 export default {
   inheritAttrs: false,

src/runtime/components/BoosterPicture/Source.vue

@@ -8,12 +8,9 @@
 </template>
 
 <script>
-import { computed } from 'vue';
 import { getCrossorigin } from '#booster/utils';
 import Source from '#booster/components/BoosterImage/classes/Source';
 
-import { useImage, useNuxtApp, useHead } from '#imports';
-
 const types = new Map([['jpg', 'jpeg']]);
 
 export default {

src/runtime/components/BoosterVimeo.vue

@@ -55,7 +55,6 @@
 </template>
 
 <script setup>
-import { defineOptions } from 'vue';
 import BaseVimeo from '#booster/components/BoosterVimeo/Base';
 
 defineOptions({

src/runtime/components/BoosterVimeo/Base.vue

@@ -25,15 +25,12 @@
 </template>
 
 <script>
-import { markRaw, ref, computed } from 'vue';
 import DefaultButton from '../Button';
 import { load, ready } from './utils/loader';
 import Vimeo from './classes/Vimeo';
 import { isTouchSupported } from '#booster/utils/browser';
 import BoosterPicture from '#booster/components/BoosterPicture';
 
-import { useHead } from '#imports';
-
 const vimeo = new Vimeo();
 
 export default {

src/runtime/components/BoosterYoutube.vue

@@ -50,7 +50,6 @@
 </template>
 
 <script setup>
-import { defineOptions } from 'vue';
 import BaseYoutube from '#booster/components/BoosterYoutube/Base';
 
 defineOptions({

src/runtime/components/BoosterYoutube/Base.vue

@@ -21,15 +21,12 @@
 </template>
 
 <script>
-import { ref, markRaw, computed } from 'vue';
 import DefaultButton from '../Button';
 import { load } from './utils/loader';
 import Youtube from './classes/Youtube';
 import { isTouchSupported } from '#booster/utils/browser';
 import BoosterPicture from '#booster/components/BoosterPicture';
 
-import { useHead } from '#imports';
-
 const youtube = new Youtube();
 
 export default {

src/runtime/components/Button.vue

@@ -5,8 +5,6 @@
 </template>
 
 <script setup>
-import { defineOptions } from 'vue';
-
 defineOptions({
   inheritAttrs: false
 });

src/runtime/components/WeakHardwareOverlay.vue

@@ -8,7 +8,6 @@
 </template>
 
 <script setup>
-import { ref, onMounted } from 'vue';
 const isServer = ref(true);
 
 onMounted(() => (isServer.value = false));

src/runtime/composables/componentObserver.js

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

src/runtime/composables/config.js

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

src/runtime/composables/critical.js

@@ -1,5 +1,3 @@
-import { computed, ref, inject, provide, useAttrs } from 'vue';
-
 const criticalContextKey = Symbol('criticalContext');
 
 export default function ({ critical } = {}) {

src/runtime/composables/fonts.js

@@ -1,6 +1,3 @@
-import { computed, reactive } from 'vue';
-import { useHead, useBoosterCritical, useBoosterConfig } from '#imports';
-import { useNuxtApp } from '#app';
 import FontCollection from '#booster/classes/FontCollection';
 
 export default function (context) {

src/runtime/hydrate.js

@@ -1,6 +1,4 @@
 import { hydrateWhenVisible } from 'vue3-lazy-hydration';
-import { defineAsyncComponent } from 'vue';
-import { useRuntimeConfig } from '#imports';
 
 const isDev = process.env.NODE_ENV === 'development';