fix: custom delimiters in child contexts (#90)

Author: halivert

src/context.ts

@@ -21,14 +21,14 @@ export interface Context {
 
 export const createContext = (parent?: Context): Context => {
   const ctx: Context = {
+    delimiters: ['{{', '}}'],
+    delimitersRE: /\{\{([^]+?)\}\}/g,
     ...parent,
     scope: parent ? parent.scope : reactive({}),
     dirs: parent ? parent.dirs : {},
     effects: [],
     blocks: [],
     cleanups: [],
-    delimiters: ['{{', '}}'],
-    delimitersRE: /\{\{([^]+?)\}\}/g,
     effect: (fn) => {
       if (inOnce) {
         queueJob(fn)

tests/custom-delimiters.html

@@ -6,6 +6,10 @@
 </script>
 
 <div v-scope="{ count: 1 }">
-  <p>count is ${ count }!</p>
+  <p v-if="count">count is ${ count }!</p>
   <button @click="count++">increase</button>
+
+  <p v-for="i in [1, 2, 3]" :key="i">${ i }</p>
+
+  <p v-if="true">${ count }</p>
 </div>