# How to display responsive images from Laravel-medialibrary in Vue.js

DevFeed: [How to display responsive images from Laravel-medialibrary in Vue.js](<https://devfeed.tech/articles/how-to-display-responsive-images-from-laravel-medialibrary-in-vue-js-37163.md>)

Original publisher: [Read original article](<https://arkadiuszchmura.com/posts/how-to-display-responsive-image-from-laravel-medialibrary-in-vue-js/>)

Published: 2022-05-29T00:00:00Z

Content type: tutorial

Language: en

Sources: [Arkadiusz Chmura](<https://devfeed.tech/sources/arkadiusz-chmura.md>)

Topics: [Laravel](<https://devfeed.tech/topics/laravel.md>), [Vue.js](<https://devfeed.tech/topics/vue.md>), [Web Development](<https://devfeed.tech/topics/web-development.md>), [HTML](<https://devfeed.tech/topics/html.md>)

Tags: [component](<https://devfeed.tech/tags/component.md>), [how-to](<https://devfeed.tech/tags/how-to.md>), [html](<https://devfeed.tech/tags/html.md>), [laravel](<https://devfeed.tech/tags/laravel.md>), [responsive](<https://devfeed.tech/tags/responsive.md>), [vue](<https://devfeed.tech/tags/vue.md>), [vue-js](<https://devfeed.tech/tags/vue-js.md>)

## AI overview

This tutorial explains how to display responsive images generated by a Laravel media library in a Vue.js component. It shows how a controller can return the library's generated HTML markup and how the Vue template can render it based on screen size.

## Source excerpt

It's easy to do in a Blade file, but what about a Vue component?