explicit closing tags

templates/workspaces/reports/index.html

@@ -149,7 +149,7 @@
               v-bind:class='{ "budget-chart__block--highlighted": month.isHighlighted }'
               v-bind:width='month.metrics.blockWidth'
               v-bind:x='month.metrics.blockX'
-              v-bind:height='height'/>
+              v-bind:height='height'></rect>
 
             {# budget bar #}
             <rect
@@ -159,8 +159,7 @@
               v-bind:width='month.metrics.barWidth'
               v-bind:height='month.metrics.barHeight'
               v-bind:x='month.metrics.barX'
-              v-bind:y='month.metrics.barY'>
+              v-bind:y='month.metrics.barY'></rect>
-            </rect>
 
             {# cumulative dot #}
             <circle
@@ -168,7 +167,7 @@
               class='budget-chart__cumulative__dot'
               v-bind:r='month.metrics.cumulativeR'
               v-bind:cx='month.metrics.cumulativeX'
-              v-bind:cy='month.metrics.cumulativeY'/>
+              v-bind:cy='month.metrics.cumulativeY'></circle>
 
             {# abbreviated cumulative label #}
             <text
@@ -177,7 +176,7 @@
               v-bind:y='month.metrics.cumulativeY - 10'
               text-anchor='middle'
               class='budget-chart__label'
-              v-html='month.abbreviatedCumulative'/>
+              v-html='month.abbreviatedCumulative'></text>
 
             {# abbreviated spend label #}
             <text
@@ -185,7 +184,7 @@
               v-bind:y='baseHeight + 20'
               text-anchor='middle'
               class='budget-chart__label'
-              v-html='"+" + month.abbreviatedSpend'/>
+              v-html='"+" + month.abbreviatedSpend'></text>
 
             {# month label #}
             <text
@@ -193,13 +192,13 @@
               v-bind:y='baseHeight + 40'
               text-anchor='middle'
               class='budget-chart__label budget-chart__label--strong'
-              v-html='month.date.month'/>
+              v-html='month.date.month'></text>
           </g>
         </a>
 
         {# spend/projected budget path lines #}
-        <path class='budget-chart__projected-path' v-bind:d='projectedPath'/>
+        <path class='budget-chart__projected-path' v-bind:d='projectedPath'></path>
-        <path class='budget-chart__spend-path' v-bind:d='spendPath'/>
+        <path class='budget-chart__spend-path' v-bind:d='spendPath'></path>
 
         {# max budget line #}
         <line
@@ -207,7 +206,7 @@
           x1='0'
           v-bind:x2='width'
           v-bind:y1='budgetHeight'
-          v-bind:y2='budgetHeight'/>
+          v-bind:y2='budgetHeight'></line>
 
         <text
           x='20'
@@ -217,7 +216,7 @@
           x='20'
           v-bind:y='budgetHeight + 40'
           class='budget-chart__label'
-          v-html='displayBudget'/>
+          v-html='displayBudget'></text>
       </svg>
     </div>
   </budget-chart>