Change price display

src/components/GridItem.vue

@@ -12,7 +12,7 @@
 
         <hr />
 
-        <p class="price">{{ "$" + item.price }}</p>
+        <p class="price">${{ item.price | noDecimal }}</p>
       </section>
     </router-link>
   </article>
@@ -22,6 +22,11 @@
 export default {
   props: {
     item: Object
+  },
+  filters: {
+    noDecimal(value) {
+      return parseInt(value).toFixed();
+    }
   }
 };
 </script>