fix svg example post component change

9kopb · Dec 16, 2014 · 2cf4c67 · 2cf4c67
1 parent 15592f0
commit 2cf4c67
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 3 deletions.
diff --git a/examples/svg/index.html b/examples/svg/index.html
@@ -12,9 +12,12 @@
     <script type="text/x-template" id="polygraph-template">
       <polygon v-attr="points:points"></polygon>
       <circle cx="100" cy="100" r="80"></circle>
-      <text v-repeat="stats" v-component="axis-label" v-attr="x:point.x, y:point.y">
-        {{label}}
-      </text>
+      <text v-repeat="stats" v-component="axis-label"></text>
+    </script>
+
+    <!-- template for the axis label component. -->
+    <script type="text/x-template" id="axis-label-template">
+      <text v-attr="x:point.x, y:point.y">{{label}}</text>
     </script>
 
     <!-- demo root element -->

diff --git a/examples/svg/svg.js b/examples/svg/svg.js
@@ -24,6 +24,8 @@ Vue.component('polygraph', {
   components: {
     // a sub component for the labels
     'axis-label': {
+      template: '#axis-label-template',
+      replace: true,
       computed: {
         point: function () {
           return valueToPoint(