Nuxt Support

[Mailines]

Hi,
I like this library alot, nice work but:
I use it with Nuxt and registered the component global as a plugin. With the DEV-Server everything works fine, but when I compile the application the upload-icon is not displayed and the element is not longer centered.
What do I have to change?

On DEV-Server

In Production:

// ./plugins/v-image-input.js

import Vue from 'vue'
import VImageInput from 'vuetify-image-input'

Vue.component(VImageInput.name, VImageInput)
```

[Mailines]

Nevermind, using the a la carte treeshaking in the scope of the component fixed the issue. 👍 💯
Maybe you can add this solution for NUXT to the docs.

[geocare]

@Mailines can you show me how to do it?

[Mailines]

@geocare
Sorry for the late reply.
I have implemented it this way:

<template>
   <no-ssr>
      <v-image-input
         v-model="imageData"
         :image-quality="0.85"
         clearable
         :disabled="uploadImageLoading"
         />
   </no-ssr>
</template>

<script>
import VImageInput from 'vuetify-image-input/a-la-carte'

export default {
  ssr: false,
  components: {
    VImageInput
  }
}
</script>

In nuxt.config.js additionally add the library in the build block to transpile.

// nuxt.config.js
build: {
    transpile: ['vuetify/lib', 'vuetify-image-input']
  },

I hope this helps.

[geocare]

Thanks! It worked! @Mailines