feat(feature): add icon

shadow81627 · Dec 22, 2019 · 7d8e764 · 7d8e764 · vercel · Dec 22, 2019
1 parent 1320d9b
commit 7d8e764
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 0 deletions.
diff --git a/components/feature.vue b/components/feature.vue
@@ -1,11 +1,19 @@
 <template>
   <div v-editable="blok" class="column feature">
+    <font-awesome-icon v-if="blok.icon" :icon="blok.icon | split" title="" />
     {{ blok.name }}
   </div>
 </template>
 
 <script>
 export default {
+  filters: {
+    split(value, sep = ' ') {
+      if (!value) return '';
+      value = value.toString();
+      return value.split(sep);
+    },
+  },
   props: { blok: { type: Object, required: true } },
 };
 </script>
diff --git a/storyblok/feature.js b/storyblok/feature.js
@@ -5,6 +5,9 @@ module.exports = {
     name: {
       type: 'text',
     },
+    icon: {
+      type: 'text',
+    },
   },
   image: null,
   preview_field: null,