perf(images): add webpack image loader

shadow81627 · Dec 14, 2019 · 44010bb · 44010bb · vercel · Dec 14, 2019
1 parent d8c3acf
commit 44010bb
Show file tree

Hide file tree

Showing 4 changed files with 642 additions and 1 deletion.
diff --git a/components/hero.vue b/components/hero.vue
@@ -1,6 +1,11 @@
 <template>
   <header v-editable="blok">
-    <v-parallax :src="require('~/assets/img/header-bg.jpg')">
+    <v-parallax
+      :src="require('~/assets/img/header-bg.jpg')"
+      :style="{
+        backgroundColor: require('~/assets/img/header-bg.jpg?lqip-colors')[0],
+      }"
+    >
       <v-row align="center" justify="center">
         <v-col class="text-center" cols="12">
           <h1

diff --git a/nuxt.config.js b/nuxt.config.js
@@ -112,6 +112,7 @@ module.exports = {
     // Doc: https://github.com/nuxt-community/stylelint-module
     // '@nuxtjs/stylelint-module',
     '@nuxtjs/vuetify',
+    '@bazzite/nuxt-optimized-images',
   ],
 
   /*