fix: add implicit imports

Author: pi0

playground/nuxt.config.ts

@@ -4,6 +4,9 @@ export default defineNuxtConfig({
   buildModules: [
     '../src/module'
   ],
+  imports: {
+    autoImport: false
+  },
   image: {
     domains: [
       'https://nuxtjs.org',

playground/pages/bg.vue

@@ -3,6 +3,8 @@
 </template>
 
 <script lang="ts" setup>
+import { useImage, computed } from '#imports'
+
 const $img = useImage()
 
 const bg = computed(() => {

src/runtime/components/nuxt-img.ts

@@ -1,4 +1,4 @@
-import { h, defineComponent } from 'vue'
+import { h, defineComponent, ref, computed, onMounted } from 'vue'
 import { useImage } from '../composables'
 import { parseSize } from '../utils'
 import { baseImageProps, useBaseImage } from './_base'

src/runtime/components/nuxt-picture.ts

@@ -1,6 +1,6 @@
-import { h, defineComponent } from 'vue'
+import { h, defineComponent, computed } from 'vue'
 import { useBaseImage, baseImageProps } from './_base'
-import { useHead } from '#imports'
+import { useImage, useHead } from '#imports'
 import { getFileExtension } from '#image'
 
 export const pictureProps = {

src/runtime/composables.ts

@@ -1,3 +1,5 @@
+import { useNuxtApp } from '#imports'
+
 export const useImage = () => {
   return useNuxtApp().$img
 }