Vueコンポーネント版でcomputedを活用するようにした

fjordllc · Aug 10, 2022 · d2efecd · d2efecd
1 parent e49d078
commit d2efecd
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/app/javascript/report.vue b/app/javascript/report.vue
@@ -21,7 +21,7 @@
                 :href='report.url'
               )
                 img.card-list-item-title__emotion-image(
-                  :src='`/images/emotion/${report.emotion}.svg`',
+                  :src='emotionImg',
                   :alt='report.emotion'
                 )
                 | {{ report.title }}
@@ -97,6 +97,9 @@ export default {
     },
     wipClass() {
       return { 'is-wip': this.report.wip }
+    },
+    emotionImg() {
+      return `/images/emotion/${this.report.emotion}.svg`
     }
   }
 }