fix: fix word spelling

reco_luan · reco_luan · commit 24aca9922ffd · 2019-12-06T00:22:20.000+08:00
diff --git a/components/Home.vue b/components/Home.vue
@@ -3,40 +3,40 @@
     <div class="hero">
       <ModuleTransition>
         <img
-          v-if="data.isShowHeroImage !== false && recoShowMoudle"
+          v-if="data.isShowHeroImage !== false && recoShowModule"
           :style="heroImageStyle"
           :src="data.heroImage ? $withBase(data.heroImage) : require('../images/icon_vuepress_reco.png')"
           alt="hero">
       </ModuleTransition>
       <ModuleTransition delay="0.08">
-        <h1 v-if="data.isShowTitleInHome !== false && recoShowMoudle">{{ data.heroText || $title || '午后南杂' }}</h1>
+        <h1 v-if="data.isShowTitleInHome !== false && recoShowModule">{{ data.heroText || $title || '午后南杂' }}</h1>
       </ModuleTransition>
       <ModuleTransition delay="0.16">
-        <p v-if="recoShowMoudle" class="description">{{ $description || 'Welcome to your vuePress-theme-reco site' }}</p>
+        <p v-if="recoShowModule" class="description">{{ $description || 'Welcome to your vuePress-theme-reco site' }}</p>
       </ModuleTransition>
       <ModuleTransition delay="0.24">
-        <p class="huawei" v-if="$themeConfig.huawei === true && recoShowMoudle">
+        <p class="huawei" v-if="$themeConfig.huawei === true && recoShowModule">
           <i class="iconfont reco-huawei" style="color: #fc2d38"></i>
           &nbsp;&nbsp;&nbsp;华为，为中华而为之！
         </p>
       </ModuleTransition>
       <ModuleTransition delay="0.32">
-        <p class="action" v-if="data.actionText && data.actionLink && recoShowMoudle">
+        <p class="action" v-if="data.actionText && data.actionLink && recoShowModule">
           <NavLink class="action-button" :item="actionLink"/>
         </p>
       </ModuleTransition>
     </div>
 
     <ModuleTransition delay="0.4">
-      <div class="features" v-if="data.features && data.features.length && recoShowMoudle">
+      <div class="features" v-if="data.features && data.features.length && recoShowModule">
         <div v-for="(feature, index) in data.features" :key="index" class="feature">
           <h2>{{ feature.title }}</h2>
           <p>{{ feature.details }}</p>
         </div>
       </div>
     </ModuleTransition>
     <ModuleTransition delay="0.48">
-      <Content class="home-center" v-if="recoShowMoudle" custom/>
+      <Content class="home-center" v-if="recoShowModule" custom/>
     </ModuleTransition>
   </div>
 </template>
diff --git a/components/HomeBlog.vue b/components/HomeBlog.vue
@@ -5,26 +5,26 @@
       :style="{
         background: `url(${$frontmatter.bgImage ? $withBase($frontmatter.bgImage) : require('../images/home-bg.jpg')}) center/cover no-repeat`, ...bgImageStyle}">
       <ModuleTransition>
-        <h1 v-if="recoShowMoudle">{{ $frontmatter.heroText || $title || '午后南杂' }}</h1>
+        <h1 v-if="recoShowModule">{{ $frontmatter.heroText || $title || '午后南杂' }}</h1>
       </ModuleTransition>
 
       <ModuleTransition delay="0.08">
-        <p v-if="recoShowMoudle" class="description">
+        <p v-if="recoShowModule" class="description">
           {{ $description || 'Welcome to your vuePress-theme-reco site' }}
         </p>
       </ModuleTransition>
 
       <ModuleTransition delay="0.16">
         <p 
           class="huawei" 
-          v-if="recoShowMoudle && $themeConfig.huawei === true">
+          v-if="recoShowModule && $themeConfig.huawei === true">
           <i class="iconfont reco-huawei" style="color: #fc2d38"></i>&nbsp;&nbsp;&nbsp;华为，为中华而为之！
         </p>
       </ModuleTransition>
     </div>
 
     <ModuleTransition delay="0.24">
-      <div v-if="recoShowMoudle" class="home-blog-wrapper">
+      <div v-if="recoShowModule" class="home-blog-wrapper">
         <div class="blog-list">
           <!-- 博客列表 -->
           <note-abstract
@@ -71,7 +71,7 @@
     </ModuleTransition>
 
     <ModuleTransition delay="0.36">
-      <Content v-if="recoShowMoudle" class="home-center" custom/>
+      <Content v-if="recoShowModule" class="home-center" custom/>
     </ModuleTransition>
   </div>
 </template>
diff --git a/components/Page.vue b/components/Page.vue
@@ -1,23 +1,23 @@
 <template>
   <main class="page">
     <ModuleTransition>
-      <slot v-if="recoShowMoudle" name="top"/>
+      <slot v-if="recoShowModule" name="top"/>
     </ModuleTransition>
 
     <ModuleTransition delay="0.08">
-      <div v-if="recoShowMoudle" class="page-title">
+      <div v-if="recoShowModule" class="page-title">
         <h1>{{$page.title}}</h1>
         <hr>
         <PageInfo :pageInfo="$page" :hideAccessNumber="hideAccessNumber"></PageInfo>
       </div>
     </ModuleTransition>
 
     <ModuleTransition delay="0.16">
-      <Content v-if="recoShowMoudle" class="theme-reco-content" />
+      <Content v-if="recoShowModule" class="theme-reco-content" />
     </ModuleTransition>
 
     <ModuleTransition delay="0.24">
-      <footer v-if="recoShowMoudle" class="page-edit">
+      <footer v-if="recoShowModule" class="page-edit">
         <div
           class="edit-link"
           v-if="editLink"
@@ -74,7 +74,7 @@
     </ModuleTransition>
 
     <ModuleTransition delay="0.40">
-      <slot v-if="recoShowMoudle" name="bottom"/>
+      <slot v-if="recoShowModule" name="bottom"/>
     </ModuleTransition>
   </main>
 </template>
diff --git a/components/Password.vue b/components/Password.vue
@@ -1,37 +1,49 @@
 <template>
   <div class="password-shadow">
-    <h3 class="title">{{isPage ? $frontmatter.title : $site.title || $localeConfig.title}}</h3>
-    <p class="description" v-if="!isPage">{{$site.description || $localeConfig.description}}</p>
-    <label class="inputBox" id="box">
-      <input
-        v-model="key"
-        type="password"
-        @keyup.enter="inter"
-        @focus="inputFocus"
-        @blur="inputBlur">
-      <span>{{warningText}}</span>
-      <button ref="passwordBtn" @click="inter">OK</button>
-    </label>
+    <ModuleTransition>
+      <h3 v-if="recoShowModule" class="title">{{isPage ? $frontmatter.title : $site.title || $localeConfig.title}}</h3>
+    </ModuleTransition>
 
-    <div class="footer">
-      <span>
-        <i class="iconfont reco-theme"></i>
-        <a target="blank" href="https://vuepress-theme-reco.recoluan.com">vuePress-theme-reco</a>
-      </span>
-      <span>
-        <i class="iconfont reco-other"></i>
-        <a>{{ $themeConfig.author || $site.title }}</a>
-      </span>
-      <span>
-        <i class="iconfont reco-copyright"></i>
-        <a>{{ year }}</a>
-      </span>
-    </div>
+    <ModuleTransition delay="0.08">
+      <p class="description" v-if="recoShowModule && !isPage">{{$site.description || $localeConfig.description}}</p>
+    </ModuleTransition>
+
+    <ModuleTransition delay="0.16">
+      <label v-if="recoShowModule" class="inputBox" id="box">
+        <input
+          v-model="key"
+          type="password"
+          @keyup.enter="inter"
+          @focus="inputFocus"
+          @blur="inputBlur">
+        <span>{{warningText}}</span>
+        <button ref="passwordBtn" @click="inter">OK</button>
+      </label>
+    </ModuleTransition>
+
+    <ModuleTransition delay="0.24">
+      <div v-if="recoShowModule" class="footer">
+        <span>
+          <i class="iconfont reco-theme"></i>
+          <a target="blank" href="https://vuepress-theme-reco.recoluan.com">vuePress-theme-reco</a>
+        </span>
+        <span>
+          <i class="iconfont reco-other"></i>
+          <a>{{ $themeConfig.author || $site.title }}</a>
+        </span>
+        <span>
+          <i class="iconfont reco-copyright"></i>
+          <a>{{ year }}</a>
+        </span>
+      </div>
+    </ModuleTransition>
   </div>
 </template>
 
 <script>
+import ModuleTransition from '@theme/components/ModuleTransition'
 export default {
+  components: { ModuleTransition },
   props: {
     isPage: {
       type: Boolean,
diff --git a/layouts/Category.vue b/layouts/Category.vue
@@ -4,7 +4,7 @@
     <Common :sidebar="false" :isComment="false">
       <!-- 分类集合 -->
       <ModuleTransition>
-        <ul v-if="recoShowMoudle" class="category-wrapper">
+        <ul v-if="recoShowModule" class="category-wrapper">
           <li
             class="category-item"
             :class="title == item.name ? 'active': ''"
@@ -21,7 +21,7 @@
       <!-- 博客列表 -->
       <ModuleTransition delay="0.08">
         <note-abstract
-          v-if="recoShowMoudle"
+          v-if="recoShowModule"
           class="list"
           :data="posts"
           :currentPage="currentPage"
@@ -31,7 +31,7 @@
       <!-- 分页 -->
       <ModuleTransition delay="0.16">
         <pagation
-          v-if="recoShowMoudle"
+          v-if="recoShowModule"
           class="pagation"
           :total="posts.length"
           :currentPage="currentPage"
diff --git a/layouts/Tag.vue b/layouts/Tag.vue
@@ -5,15 +5,15 @@
       <!-- 标签集合 -->
       <ModuleTransition>
         <TagList
-          v-if="recoShowMoudle"
+          v-if="recoShowModule"
           class="tags" 
           :currentTag="$currentTags.key" @getCurrentTag="tagClick"></TagList>
       </ModuleTransition>
 
       <!-- 博客列表 -->
       <ModuleTransition delay="0.08">
         <note-abstract
-          v-if="recoShowMoudle"
+          v-if="recoShowModule"
           class="list"
           :data="posts"
           :currentPage="currentPage"
@@ -23,7 +23,7 @@
       <!-- 分页 -->
       <ModuleTransition delay="0.16">
         <pagation
-          v-if="recoShowMoudle"
+          v-if="recoShowModule"
           class="pagation"
           :total="posts.length"
           :currentPage="currentPage"
diff --git a/layouts/Tags.vue b/layouts/Tags.vue
@@ -4,15 +4,15 @@
       <!-- 标签集合 -->
       <ModuleTransition>
         <TagList
-          v-if="recoShowMoudle"
+          v-if="recoShowModule"
           :currentTag="currentTag" 
           @getCurrentTag="tagClick"></TagList>
       </ModuleTransition>
 
       <!-- 博客列表 -->
       <ModuleTransition delay="0.08">    
         <note-abstract
-          v-if="recoShowMoudle"
+          v-if="recoShowModule"
           class="list"
           :data="$recoPosts"
           :currentPage="currentPage"
@@ -23,7 +23,7 @@
       <!-- 分页 -->
       <ModuleTransition delay="0.16">
         <pagation
-          v-if="recoShowMoudle"
+          v-if="recoShowModule"
           class="pagation"
           :total="$recoPosts.length"
           :currentPage="currentPage"
diff --git a/layouts/TimeLines.vue b/layouts/TimeLines.vue
@@ -3,12 +3,12 @@
   <Common :sidebar="false" :isComment="false">
     <ul class="timeline-wrapper">
       <ModuleTransition >
-        <li v-if="recoShowMoudle" class="desc">Yesterday Once More!</li>
+        <li v-if="recoShowModule" class="desc">Yesterday Once More!</li>
       </ModuleTransition> 
       <ModuleTransition 
         :delay="String(0.08 * (index + 1))"
         v-for="(item, index) in $recoPostsForTimeline" :key="index">
-        <li v-if="recoShowMoudle">
+        <li v-if="recoShowModule">
           <h3 class="year">{{item.year}}</h3>
           <ul class="year-wrapper">
             <li v-for="(subItem, subIndex) in item.data" :key="subIndex">
diff --git a/mixins/app.js b/mixins/app.js
@@ -1,13 +1,13 @@
 export default {
   data () {
     return {
-      recoShowMoudle: false
+      recoShowModule: false
     }
   },
   mounted () {
-    this.recoShowMoudle = true
+    this.recoShowModule = true
   },
   destoryed () {
-    this.recoShowMoudle = false
+    this.recoShowModule = false
   }
 }

Original file line number	Diff line number	Diff line change
`@@ -1,13 +1,13 @@`
`1`	`1`	`export default {`
`2`	`2`	`data () {`
`3`	`3`	`return {`
`4`		`- recoShowMoudle: false`
	`4`	`+ recoShowModule: false`
`5`	`5`	`}`
`6`	`6`	`},`
`7`	`7`	`mounted () {`
`8`		`- this.recoShowMoudle = true`
	`8`	`+ this.recoShowModule = true`
`9`	`9`	`},`
`10`	`10`	`destoryed () {`
`11`		`- this.recoShowMoudle = false`
	`11`	`+ this.recoShowModule = false`
`12`	`12`	`}`
`13`	`13`	`}`