laracasts · January 9, 2017 18:16 · Jan 9, 2017
diff --git a/vue-custom-input-component-exercise.js b/vue-custom-input-component-exercise.js
@@ -0,0 +1,27 @@
+Vue.component('coupon', {
+    props: ['code'],
+
+    template: `
+        <input type="text"
+               :value="code"
+               @input="updateCode($event.target.value)"
+               ref="input">
+    `,
+
+    methods: {
+        updateCode(code) {
+            // Atttach validation + sanitization here.
+
+            this.$emit('input', code);
+        }
+    }
+});
+
+
+new Vue({
+    el: '#app',
+
+    data: {
+        coupon: 'FREEBIE' // Maybe from DB or querystring.
+    }
+});