0xKube
<img src> is working but when i bind it :src it's not working
npm install @nuxtjs/composition-api
yarn add @nuxtjs/composition-api
And After installing the package, ensure that your nuxt.config.js file is properly configured to use the Composition API plugin. Add the following configuration to your nuxt.config.js file:
export default {
plugins: ['@nuxtjs/composition-api/plugin'],
}
1. Confirm that your IDE or editor is recognizing the @nuxtjs/composition-api package. You may need to restart your development server or editor after installing the package for it to recognize the new dependencies.
2. Finally, verify that your components/Image.vue file is in the correct location and that there are no typos in the import statement.
14 replies
<img src> is working but when i bind it :src it's not working
<template>
<img :src="imageSrc" :class="imageStyle" />
</template>
<script setup>
import { defineProps } from '@nuxtjs/composition-api';
const props = defineProps({
imageSrc: {
type: String,
required: true
},
imageStyle: {
type: String,
default: ''
},
});
console.log(props.imageSrc);
</script>
14 replies