diff --git a/src/.vuepress/components/community/themes/index.vue b/src/.vuepress/components/community/themes/index.vue
index e966096ae..bb6674590 100644
--- a/src/.vuepress/components/community/themes/index.vue
+++ b/src/.vuepress/components/community/themes/index.vue
@@ -1,24 +1,24 @@
 <template>
-<div class="themes">
-    <theme-provider v-for="provider in providers" :key="provider.name" :provider="provider" />
+  <div class="themes">
+    <theme-provider v-for="provider in providers" :key="provider.name" :provider="provider"/>
 
     <p>
-        想在这里展示你的主题吗？
-        <a href="mailto:evan@vuejs.org?subject=Theme+affiliation">联系我们</a>！
+      想在这里展示你的主题吗？
+      <a href="mailto:evan@vuejs.org?subject=Theme+affiliation">联系我们</a>！
     </p>
-</div>
+  </div>
 </template>
 
 <script>
 import providers from './theme-data'
 
 export default {
-    components: {
-        ThemeProvider: () => import('./theme-provider')
-    },
+  components: {
+    ThemeProvider: () => import('./theme-provider')
+  },
 
-    data: () => ({
-        providers
-    })
+  data: () => ({
+    providers
+  })
 }
 </script>