perf: use direct imports from #app/nuxt and #imports

danielroe · danielroe · commit 70ef7402001b · 2025-01-07T07:32:05.000Z
diff --git a/src/runtime/components/NuxtImg.vue b/src/runtime/components/NuxtImg.vue
@@ -26,13 +26,15 @@
 
 <script setup lang="ts">
 import { computed, onMounted, ref, useAttrs } from 'vue'
-import { useHead } from '@unhead/vue'
+
 import { useImage } from '../composables'
 import { parseSize } from '../utils'
 import { prerenderStaticImages } from '../utils/prerender'
 import { markFeatureUsage } from '../utils/performance'
 import { imgProps, useBaseImage } from './_base'
-import { useNuxtApp } from '#app'
+
+import { useHead } from '#imports'
+import { useNuxtApp } from '#app/nuxt'
 
 const props = defineProps(imgProps)
 
diff --git a/src/runtime/components/NuxtPicture.vue b/src/runtime/components/NuxtPicture.vue
@@ -25,14 +25,17 @@
 
 <script setup lang="ts">
 import type { Head } from '@unhead/vue'
-import { useHead } from '@unhead/vue'
+
 import { computed, onMounted, ref, useAttrs } from 'vue'
+
 import { prerenderStaticImages } from '../utils/prerender'
 import { markFeatureUsage } from '../utils/performance'
 import { getFileExtension } from '../utils'
 import { useImage } from '../composables'
 import { useBaseImage, pictureProps, baseImageProps } from './_base'
-import { useNuxtApp } from '#app'
+
+import { useHead } from '#imports'
+import { useNuxtApp } from '#app/nuxt'
 
 const props = defineProps(pictureProps)
 
