Load images from assets

frontend/assets/README.md

@@ -1,7 +0,0 @@
-# ASSETS
-
-**This directory is not required, you can delete it if you don't want to use it.**
-
-This directory contains your un-compiled assets such as LESS, SASS, or JavaScript.
-
-More information about the usage of this directory in [the documentation](https://nuxtjs.org/guide/assets#webpacked).

frontend/assets/style/app.styl

@@ -1,2 +0,0 @@
-// Import Vuetify styling
-@require '~vuetify/src/stylus/app.styl'

frontend/assets/style/variables.styl

@@ -1 +0,0 @@
-@require '~vuetify/src/stylus/settings/_variables.styl'

frontend/components/organisms/layout/FeatureCards.vue

@@ -23,7 +23,7 @@
               md4
             >
               <feature-card
-                :image-src="item.imageSrc"
+                :image-src="require(`~/assets/${item.imageSrc}`)"
                 :title="item.title"
                 :text="item.text"
               />
@@ -47,17 +47,17 @@ export default {
     return {
       featureCards: [
         {
-          imageSrc: '/images/feature3.png',
+          imageSrc: 'feature3.png',
           title: this.$t('home.featuresTitle1'),
           text: this.$t('home.featuresText1')
         },
         {
-          imageSrc: '/images/feature2.png',
+          imageSrc: 'feature2.png',
           title: this.$t('home.featuresTitle2'),
           text: this.$t('home.featuresText2')
         },
         {
-          imageSrc: '/images/feature1.png',
+          imageSrc: 'feature1.png',
           title: this.$t('home.featuresTitle3'),
           text: this.$t('home.featuresText3')
         }

frontend/components/organisms/layout/TheBottomBanner.vue

@@ -1,7 +1,7 @@
 <template>
   <section>
     <v-parallax
-      src="/images/vbanner.jpg"
+      :src="require(`~/assets/vbanner.jpg`)"
       height="400"
       dark
     >
@@ -17,7 +17,7 @@
             md7
           >
             <v-img
-              src="/images/ner_demo.png"
+              :src="require(`~/assets/ner_demo.png`)"
               max-height="380"
               contain
               class="ma-5"

frontend/components/organisms/layout/TheTopBanner.vue

@@ -1,7 +1,7 @@
 <template>
   <section>
     <v-parallax
-      src="/images/vbanner.jpg"
+      :src="require(`~/assets/vbanner.jpg`)"
       height="400"
       dark
     >

frontend/nuxt.config.js

@@ -124,6 +124,7 @@ export default {
     /*
     ** You can extend webpack config here
     */
+    publicPath: '/static/_nuxt/',
     extend(config, ctx) {
       config.module.rules.push({
         test: /\.(txt|csv|conll|jsonl)$/i,