From 146c87244d4151607f2133302a860154c89853f8 Mon Sep 17 00:00:00 2001
From: Justineo <justice360@gmail.com>
Date: Tue, 24 Aug 2021 17:45:25 +0800
Subject: [PATCH] fix(demo): p > veui-input will cause malformed ssr output,
 use section instead

---
 one/docs/demo/input/disabled.vue | 19 +++++++++----------
 one/docs/demo/input/readonly.vue | 19 +++++++++----------
 one/docs/demo/input/size.vue     | 16 ++++++++--------
 3 files changed, 26 insertions(+), 28 deletions(-)

diff --git a/one/docs/demo/input/disabled.vue b/one/docs/demo/input/disabled.vue
index 15165b4..a8967ac 100644
--- a/one/docs/demo/input/disabled.vue
+++ b/one/docs/demo/input/disabled.vue
@@ -6,33 +6,33 @@
     </veui-checkbox>
   </section>
   <section>
-    <p>
+    <section>
       <veui-input
         :disabled="disabled"
         ui="l"
         value="Large"
       />
-    </p>
-    <p>
+    </section>
+    <section>
       <veui-input
         :disabled="disabled"
         value="Normal"
       />
-    </p>
-    <p>
+    </section>
+    <section>
       <veui-input
         :disabled="disabled"
         ui="s"
         value="Small"
       />
-    </p>
-    <p>
+    </section>
+    <section>
       <veui-input
         :disabled="disabled"
         ui="xs"
         value="Extra small"
       />
-    </p>
+    </section>
   </section>
 </article>
 </template>
@@ -54,8 +54,7 @@ export default {
 </script>
 
 <style lang="less" scoped docs>
-section,
-p {
+section {
   margin-bottom: 1em;
 }
 </style>
diff --git a/one/docs/demo/input/readonly.vue b/one/docs/demo/input/readonly.vue
index 0eac069..a3438d5 100644
--- a/one/docs/demo/input/readonly.vue
+++ b/one/docs/demo/input/readonly.vue
@@ -6,33 +6,33 @@
     </veui-checkbox>
   </section>
   <section>
-    <p>
+    <section>
       <veui-input
         :readonly="readonly"
         ui="l"
         value="Large"
       />
-    </p>
-    <p>
+    </section>
+    <section>
       <veui-input
         :readonly="readonly"
         value="Normal"
       />
-    </p>
-    <p>
+    </section>
+    <section>
       <veui-input
         :readonly="readonly"
         ui="s"
         value="Small"
       />
-    </p>
-    <p>
+    </section>
+    <section>
       <veui-input
         :readonly="readonly"
         ui="xs"
         value="Extra small"
       />
-    </p>
+    </section>
   </section>
 </article>
 </template>
@@ -54,8 +54,7 @@ export default {
 </script>
 
 <style lang="less" scoped docs>
-section,
-p {
+section {
   margin-bottom: 1em;
 }
 </style>
diff --git a/one/docs/demo/input/size.vue b/one/docs/demo/input/size.vue
index de180b7..774053d 100644
--- a/one/docs/demo/input/size.vue
+++ b/one/docs/demo/input/size.vue
@@ -1,24 +1,24 @@
 <template>
 <article>
-  <p>
+  <section>
     <veui-input
       ui="l"
       value="Large"
     />
-  </p>
-  <p><veui-input value="Normal"/></p>
-  <p>
+  </section>
+  <section><veui-input value="Normal"/></section>
+  <section>
     <veui-input
       ui="s"
       value="Small"
     />
-  </p>
-  <p>
+  </section>
+  <section>
     <veui-input
       ui="xs"
       value="Extra small"
     />
-  </p>
+  </section>
 </article>
 </template>
 
@@ -33,7 +33,7 @@ export default {
 </script>
 
 <style lang="less" scoped docs>
-p {
+section {
   margin-bottom: 1em;
 }
 </style>