2 files changed, 4 insertions, 9 deletions
diff --git a/public/application.js b/public/application.js
index dcc45f8..35ea2b6 100644
--- a/public/application.js
+++ b/public/application.js
@@ -21,7 +21,7 @@ document.addEventListener('DOMContentLoaded', (event) => {
       },
       isDisabled: function() {
         return this.isSending || !this.isValid();
-      },
+      }
     },
     data() {
       return {
@@ -71,6 +71,7 @@ document.addEventListener('DOMContentLoaded', (event) => {
     }
   })
 
+  app.config.compilerOptions.delimiters = ["${", "}"];
   app.mount('#app')
 })
 
diff --git a/public/index.html b/public/index.html
index d9033a5..03a393b 100644
--- a/public/index.html
+++ b/public/index.html
@@ -20,15 +20,9 @@
         </ul>
       </nav>
 
-      <form v-on:submit.prevent="submitSparkle">
-        <label>/sparkle <input type="text" placeholder="@tanuki for helping me with my homework!" v-model="sparkle" /> </label>
-        <button type="submit" v-bind:disabled="isDisabled">✨ Sparkle</button>
-      </form>
-      <span class="error">{{ errorMessage }}</span>
-
-      <h1>{{ heading }}</h1>
+      <h1>${ heading }</h1>
       <div v-for="sparkle in recentSparkles">
-        <p> <strong>{{ sparkle.sparklee }}</strong> {{ sparkle.reason }} </p>
+        <p> <strong>${ sparkle.sparklee }</strong> ${ sparkle.reason } </p>
       </div>
     </main>
   </body>