Placeholder image is not hidden after main image loads

[milos5593]

Nuxt config:

export default {
    target: 'static',a
    buildModules: ['@nuxtjs/tailwindcss'],
    modules: ['@nuxt/image',],
    image: {
        providers: {
            cloudinary: {
                baseURL: 'https://res.cloudinary.com/milos5593/image/upload/',
            },
        },
    },
}

And then in the component:

<template>
    <header class="bg-black">
        <div class="p-4 max-w-screen-xl">
            <!-- Logo -->
                <nuxt-link
                    class="font-bold text-lg text-white focus:outline-none focus:shadow-outline"
                    to="/"
                >
                <nuxt-image
                    class="w-56 h-auto"
                    fit="contain"
                    :placeholder="true"
                    :src="'cloudinary:/crossroads_logo.png'"
                    no-script
                />
            </nuxt-link>
        </div>
    </header>
</template>

<script>
export default {
    name: 'SiteHeader',
}
</script>

[ThomasFindlay]

Got the same issue today. Even though the full picture loaded, the blurred one was still in the background.

[atinux]

Could you try with latest version please?

[danielroe]

Closing this - follow #189.