From 4cefbc294b01db27e419dc5486ddae90d34bd65d Mon Sep 17 00:00:00 2001
From: Benny Guo <bennyxguo6@gmail.com>
Date: Tue, 22 Aug 2023 20:07:59 +0800
Subject: [PATCH] fix: english text style problem

---
 src/components/ArticleCard/src/Article.vue        | 10 ++++------
 .../ArticleCard/src/HorizontalArticle.vue         | 14 +++++++-------
 src/components/Feature/src/FeatureList.vue        | 15 ++++++++-------
 src/locales/languages/en.json                     |  4 ++--
 4 files changed, 21 insertions(+), 22 deletions(-)

diff --git a/src/components/ArticleCard/src/Article.vue b/src/components/ArticleCard/src/Article.vue
index c54c91f1..e3aef591 100644
--- a/src/components/ArticleCard/src/Article.vue
+++ b/src/components/ArticleCard/src/Article.vue
@@ -138,12 +138,10 @@ export default defineComponent({
     }
 
     return {
-      avatarClasses: computed(() => {
-        return {
-          'hover:opacity-50 cursor-pointer': true,
-          [appStore.themeConfig.theme.profile_shape]: true
-        }
-      }),
+      avatarClasses: computed(() => ({
+        'hover:opacity-50 cursor-pointer': true,
+        [appStore.themeConfig.theme.profile_shape]: true
+      })),
       gradientBackground: computed(() => {
         return { background: appStore.themeConfig.theme.header_gradient_css }
       }),
diff --git a/src/components/ArticleCard/src/HorizontalArticle.vue b/src/components/ArticleCard/src/HorizontalArticle.vue
index 6675449d..d35bb4e7 100644
--- a/src/components/ArticleCard/src/HorizontalArticle.vue
+++ b/src/components/ArticleCard/src/HorizontalArticle.vue
@@ -29,7 +29,9 @@
                 class="-mb-0.5 mr-1"
                 stroke="currentColor"
               />
-              <span>{{ t('settings.featured') }}</span>
+              <span>
+                {{ t('settings.featured') }}
+              </span>
             </span>
           </b>
           <b v-if="post.categories && post.categories.length > 0">
@@ -149,12 +151,10 @@ export default defineComponent({
     }
 
     return {
-      avatarClass: computed(() => {
-        return {
-          'hover:opacity-50 cursor-pointer': true,
-          [appStore.themeConfig.theme.profile_shape]: true
-        }
-      }),
+      avatarClass: computed(() => ({
+        'hover:opacity-50 cursor-pointer': true,
+        [appStore.themeConfig.theme.profile_shape]: true
+      })),
       bannerHoverGradient: computed(() => {
         return { background: appStore.themeConfig.theme.header_gradient_css }
       }),
diff --git a/src/components/Feature/src/FeatureList.vue b/src/components/Feature/src/FeatureList.vue
index df380add..b0ed7b56 100644
--- a/src/components/Feature/src/FeatureList.vue
+++ b/src/components/Feature/src/FeatureList.vue
@@ -8,7 +8,7 @@
       >
         <h2 class="text-3xl pb-8 lg:pb-14">
           <p :style="gradientText">EDITOR'S SELECTION</p>
-          <span class="relative text-xl text-ob-bright font-semibold">
+          <span class="relative text-lg text-ob-bright font-semibold">
             <SvgIcon class="inline-block" icon-class="hot" stroke="white" />
             {{ t('home.recommended') }}
           </span>
@@ -38,9 +38,10 @@
 <script lang="ts">
 import { useAppStore } from '@/stores/app'
 import { useI18n } from 'vue-i18n'
-import { computed, defineComponent, toRefs } from 'vue'
+import { PropType, StyleValue, computed, defineComponent, toRefs } from 'vue'
 import { Article } from '@/components/ArticleCard'
 import SvgIcon from '@/components/SvgIcon/index.vue'
+import { Post } from '@/models/Post.class'
 
 export default defineComponent({
   name: 'ObFeatureList',
@@ -50,7 +51,7 @@ export default defineComponent({
   },
   props: {
     data: {
-      type: Array,
+      type: Array as PropType<Post[]>,
       required: true
     }
   },
@@ -60,11 +61,11 @@ export default defineComponent({
     const { t } = useI18n()
 
     return {
-      gradientBackground: computed(() => {
-        return { background: appStore.themeConfig.theme.header_gradient_css }
-      }),
+      gradientBackground: computed(() => ({
+        background: appStore.themeConfig.theme.header_gradient_css
+      })),
       gradientText: computed(
-        () => appStore.themeConfig.theme.background_gradient_style
+        () => appStore.themeConfig.theme.background_gradient_style as StyleValue
       ),
       featurePosts,
       t
diff --git a/src/locales/languages/en.json b/src/locales/languages/en.json
index ebdb60fc..7e9af25c 100644
--- a/src/locales/languages/en.json
+++ b/src/locales/languages/en.json
@@ -69,8 +69,8 @@
     "default-tag": "unsorted",
     "empty-tag": "No tags right now.",
     "empty-recent-comments": "No recent comments right now.",
-    "pinned": "Pinned",
-    "featured": "Featured",
+    "pinned": "Pin",
+    "featured": "Hot",
     "page-views-value": "Site viewed: ",
     "site-running-for": "Ran for: ",
     "site-running-for-unit": "days",