fix: improvements to make it work with Nuxt content

src/index.ts

@@ -32,7 +32,7 @@ function imageModule (moduleOptions: ModuleOptions) {
   // Apply local defaults
   if (options.providers.local && typeof options.providers.local === 'object') {
     options.providers.local = {
-      dir: path.join(nuxt.options.srcDir, 'static'),
+      dir: path.resolve(nuxt.options.srcDir, nuxt.options.dir.static),
       ...options.providers.local
     }
   }

src/runtime/image.ts

@@ -31,7 +31,7 @@ export function createImage (context, { providers, defaultProvider, presets }: C
     }
 
     if (!provider) {
-      throw new Error('Unsupported provided ' + options.provider)
+      throw new Error('Unsupported provider ' + options.provider)
     }
 
     if (preset && !presetMap[preset]) {

src/runtime/nuxt-image-mixins.ts

@@ -6,11 +6,11 @@ export default {
       required: true
     },
     width: {
-      type: String,
+      type: [String, Number],
       default: ''
     },
     height: {
-      type: String,
+      type: [String, Number],
       default: ''
     },
     legacy: {

src/runtime/nuxt-image.ts

@@ -58,15 +58,15 @@ export default {
     const placeholder = h('div', {
       class: '__nim_pl',
       style: {
-        paddingBottom: this.height ? `${this.height}` : undefined
+        paddingBottom: this.height ? `${parseInt(this.height, 10)}px` : undefined
       }
     })
 
     const wrapper = h('div', {
       style: {
-        width: this.width ? this.width : undefined
+        width: this.width ? `${parseInt(this.width, 10)}px` : undefined
       },
-      class: ['__nim_w', this.loaded ? 'visible' : '']
+      class: ['__nim_w', this.loaded ? 'visible' : ''].concat(this.$attrs.class || '')
     }, [bluryImage, originalImage, noScript, placeholder])
 
     return wrapper