Support Vuetify's 'v-img' 'src' attribute in 'transformToRequire` defaults

[brianhelba]

What problem does this feature solve?

vue-loader does not automatically require assets referenced in the src attribute of Vuetify's v-img tag.

Given that Vuetify is a prominent part of Vue's ecosystem and v-img is often a drop-in replacement for img, supporting this natively would be desirable.

Current workarounds to this problem are not seamless and have a more awkward syntax.

What does the proposed API look like?

No API surface changes are required.

Template markup looking like <v-img src="@/assets/logo.png"> will now compile properly.

[brianhelba]

A fix to this issue will be very similar to vuejs/component-compiler-utils#45 .

We should be sure to also update the documentation of vue-loader and vue-component-compiler when this change is made. We can also fix those docs to incorporate the change from vuejs/component-compiler-utils#45 .

[Justineo]

You can use Vue Loader's transformAssetUrls option to configure your own element/attribute combinations to be transformed. If you want that out-of-the-box, I think it's better to let Vuetify integrate this feature into their Vue CLI plugin.

• Modifying options for Vue Loader with Vue CLI
• Vue Loader's transformAssetUrls

/cc @johnleider

[posva]

I was about to paste the same link hehe

We cannot just add default support for one single lib (there are multiple big ui libs out there that would ask for this too). So use the options referred by @Justineo

[brianhelba]

I've already been able to modify loader options locally to fix this, but I was looking to contribute something out-of-the-box to benefit the user community.

However, I didn't think of adding this to https://github.com/vuetifyjs/vue-cli-plugin-vuetify . This is a great idea, which I'll pursue.

I appreciate the rationale for not wanting to add features to support a single (popular) downstream library.

Thanks for the quick feedback.

[brianhelba]

Note, it is still a very minor bug that vuejs/component-compiler-utils#45 never downstreamed documentation updates to vue-loader and vue-component-compiler.