From 855857217f4172e510428d84f3959b2b300d21bc Mon Sep 17 00:00:00 2001
From: Patrick Smith <patrick+dds@promptworks.com>
Date: Fri, 10 Aug 2018 11:20:56 -0400
Subject: [PATCH] Set custom delimiters for Vue

Normally, in Vue.js, you could use `{{ variable }}` to render the value
of some variable. In our setup however, Jinja expects to handle the
`{{}}` as a template. This change allows us to use `!{ variable }` to
render the value in our Vue templates.
---
 js/index.js | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/js/index.js b/js/index.js
index 7e833bc0..02d24503 100644
--- a/js/index.js
+++ b/js/index.js
@@ -35,5 +35,6 @@ const app = new Vue({
       const modal = modalOpen.getAttribute("data-modal");
       this.modals[modal] = true;
     }
-  }
+  },
+  delimiters: ['!{', '}']
 })