Progressive Images not working as of 1.11.3
Module version 1.11.3
Describe the bug
Vuetify treeshake progressive image module not working
To Reproduce
https://github.com/SugarF0x/vuetify-preload
Steps to reproduce the behavior:
- Run
npm create-nuxt-appwith Vuetify & TS selected - Modify
nuxt-config.jsto enable Vuetify Progressive Image loading
export default {
//
vuetify: {
treeShake: {
loaderOptions: {
progressiveImages: {
size: 16,
sharp: true,
resourceQuery: /preload/
}
}
}
}
//
}
- Modify
package.jsonto usenuxtinstead ofnuxt-tsin it's scripts - Require an image from assets
- Get path to image just as you would without progressiveImage loading
Expected behavior
Asset image request e.g. require('~/assets/image.jpg') is to return an object containing both source image path and minified version
Additional context
Progressive Images is not working at all when running nuxt instead of nuxt-ts. When running nuxt-ts, however, the loader option does register, yet none of it's options are passed through falling back to defaults + several Vuetify modules are missing resulting in a build error. Installing Nuxt with JS instad of TS does not help.
Sticking to Nuxt 1.15.2 but falling back to Vuetify 1.11.2 does help, but you can't run nuxt instead of nuxt-ts since Vuetify relies on it in 1.11.2