From 862c3ec1a448058c352294ef4c8647611fada124 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Thu, 22 Oct 2020 16:28:34 +0800
Subject: [PATCH] chore(cli): auto wrap demo-section

---
 packages/vant-cli/site/mobile/App.vue             | 14 +++++++-------
 .../vant-cli/site/mobile/components/DemoBlock.vue | 15 +--------------
 2 files changed, 8 insertions(+), 21 deletions(-)

diff --git a/packages/vant-cli/site/mobile/App.vue b/packages/vant-cli/site/mobile/App.vue
index d3bb17eed..33f03f6c0 100644
--- a/packages/vant-cli/site/mobile/App.vue
+++ b/packages/vant-cli/site/mobile/App.vue
@@ -1,12 +1,12 @@
 <template>
-  <div>
-    <demo-nav />
-    <router-view v-slot="{ Component }">
-      <keep-alive>
+  <demo-nav />
+  <router-view v-slot="{ Component }">
+    <keep-alive>
+      <demo-section>
         <component :is="Component" />
-      </keep-alive>
-    </router-view>
-  </div>
+      </demo-section>
+    </keep-alive>
+  </router-view>
 </template>
 
 <script>
diff --git a/packages/vant-cli/site/mobile/components/DemoBlock.vue b/packages/vant-cli/site/mobile/components/DemoBlock.vue
index 10e5260d5..65c89a033 100644
--- a/packages/vant-cli/site/mobile/components/DemoBlock.vue
+++ b/packages/vant-cli/site/mobile/components/DemoBlock.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="van-doc-demo-block" :class="demoName">
+  <div class="van-doc-demo-block">
     <h2 v-if="title" class="van-doc-demo-block__title">{{ title }}</h2>
     <div v-if="card" class="van-doc-demo-block__card">
       <slot />
@@ -9,8 +9,6 @@
 </template>
 
 <script>
-import { decamelize } from '../../common';
-
 export default {
   name: 'demo-block',
 
@@ -18,17 +16,6 @@ export default {
     card: Boolean,
     title: String,
   },
-
-  computed: {
-    demoName() {
-      const { meta } = this.$route || {};
-      if (meta && meta.name) {
-        return `demo-${decamelize(meta.name)}`;
-      }
-
-      return '';
-    },
-  },
 };
 </script>