Nuxt Support?

[jimmiejackson414-zz]

Hi there, wondering if this has support for Nuxt/SSR?

I am working to move over to ImageKit from Cloudinary, and this is how I added a Cloudinary plugin to SSR support:

import Vue from 'vue';
import Cloudinary, { CldImage, CldTransformation } from 'cloudinary-vue';

Vue.use(Cloudinary, {
  configuration: { cloudName: process.env.CLOUDINARY_NAME },
  components: [ CldImage, CldTransformation ]
})

It would be great if ImageKit offered something similar. Thanks!

[jimmiejackson414-zz]

Just to follow up because I think it might be related, but trying to use a simple IKImage /> according to the docs returns a ReferenceError: HTMLElement is not defined error:

<template>
    <client-only>
        <IKImage
            :public-key="publicKey"
            :url-endpoint="urlEndpoint"
            :src="imageSrc" /
    </client-only>
</template>

<script>
    import { IKImage } from 'imagekitio-vue';

    export default {
        computed: {
            imageSrc() {
               return this.image.url;    
            },
            publicKey() {
                return process.env.IMAGEKIT_PUBLIC_KEY;
            },
            urlEndpoint() {
                return process.env.IMAGEKIT_URL_ENDPOINT;
            }
        }
    }
</script>

[jimmiejackson414-zz]

Any updates on this?

[imagekitio]

@jimmiejackson414,
Please test with the latest version i.e. 1.0.5

[jimmiejackson414-zz]

Looks to be working now, thank you!

[dosstx]

This support just sold me . I am moving to imagekit, thx!