Modified README for top template v-if

rustq · Jan 17, 2024 · 35cbbb5 · 35cbbb5
1 parent 35a59a4
commit 35cbbb5
Showing 1 changed file with 22 additions and 20 deletions.
diff --git a/README.md b/README.md
@@ -33,26 +33,28 @@ app.mount("#app");
 `App.vue`
 
 ```vue
-<template v-if="!loading">
-  <v-surface :width="360" :height="360">
-    <v-rect :x="10" :y="220" :width="30" :height="30" color="cyan" :style="'fill'" />
-    <v-line :strokeWidth="8" color="black" :p1="[100, 260]" :p2="[50, 285]" />
-    <v-round-rect :x="220" :y="50" :width="80" :height="80" :r="10" color="fuchsia" :style="'stroke'" />
-    <v-circle :cx="200" :cy="260" :r="50" :style="'stroke'" color="fuchsia" />
-    <v-points :points="[
-        [138, 10],
-        [178, 90],
-        [266, 103],
-        [202, 165],
-        [217, 254],
-        [138, 212],
-        [59, 254],
-        [74, 165],
-        [10, 103],
-        [98, 90],
-        [138, 10],
-      ]" :style="'fill'" :strokeWidth="1" :color="'rgba(200, 255, 0, 0.7)'" />
-  </v-surface>
+<template>
+  <template v-if="!loading">
+    <v-surface :width="360" :height="360">
+      <v-rect :x="10" :y="220" :width="30" :height="30" color="cyan" :style="'fill'" />
+      <v-line :strokeWidth="8" color="black" :p1="[100, 260]" :p2="[50, 285]" />
+      <v-round-rect :x="220" :y="50" :width="80" :height="80" :r="10" color="fuchsia" :style="'stroke'" />
+      <v-circle :cx="200" :cy="260" :r="50" :style="'stroke'" color="fuchsia" />
+      <v-points :points="[
+          [138, 10],
+          [178, 90],
+          [266, 103],
+          [202, 165],
+          [217, 254],
+          [138, 212],
+          [59, 254],
+          [74, 165],
+          [10, 103],
+          [98, 90],
+          [138, 10],
+        ]" :style="'fill'" :strokeWidth="1" :color="'rgba(200, 255, 0, 0.7)'" />
+    </v-surface>
+  </template>
 </template>
 
 <script lang="ts">