From 24ee8066e4b8f6aed0b28d69fc654acb3dee3aa7 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=B8=89=E5=92=B2=E6=99=BA=E5=AD=90?= <sxzz@sxzz.moe>
Date: Sat, 5 Feb 2022 23:48:17 +0800
Subject: [PATCH] docs: add element-ui link (#5776)

---
 .../crowdin/en-US/layouts/footer.json         | 13 -----
 .../crowdin/en-US/layouts/header.json         |  7 ---
 docs/.vitepress/crowdin/en-US/pages/home.json |  2 +-
 .../components/globals/parallax-home.vue      | 54 ++++++++++---------
 4 files changed, 31 insertions(+), 45 deletions(-)
 delete mode 100644 docs/.vitepress/crowdin/en-US/layouts/footer.json
 delete mode 100644 docs/.vitepress/crowdin/en-US/layouts/header.json

diff --git a/docs/.vitepress/crowdin/en-US/layouts/footer.json b/docs/.vitepress/crowdin/en-US/layouts/footer.json
deleted file mode 100644
index 57a4820818..0000000000
--- a/docs/.vitepress/crowdin/en-US/layouts/footer.json
+++ /dev/null
@@ -1,13 +0,0 @@
-{
-  "links": "Links",
-  "repo": "GitHub",
-  "community": "Community",
-  "changelog": "Changelog",
-  "theme": "Online Theme Roller",
-  "faq": "FAQ",
-  "gitter": "Gitter",
-  "starter": "Starter kit",
-  "feedback": "Feedback",
-  "contribution": "Contribution",
-  "eleme": "Eleme"
-}
diff --git a/docs/.vitepress/crowdin/en-US/layouts/header.json b/docs/.vitepress/crowdin/en-US/layouts/header.json
deleted file mode 100644
index 46a442ba21..0000000000
--- a/docs/.vitepress/crowdin/en-US/layouts/header.json
+++ /dev/null
@@ -1,7 +0,0 @@
-{
-  "guide": "Guide",
-  "components": "Component",
-  "theme": "Theme",
-  "resource": "Resource",
-  "backToTop": "Back to top"
-}
diff --git a/docs/.vitepress/crowdin/en-US/pages/home.json b/docs/.vitepress/crowdin/en-US/pages/home.json
index 2da7a52cf0..2860026077 100644
--- a/docs/.vitepress/crowdin/en-US/pages/home.json
+++ b/docs/.vitepress/crowdin/en-US/pages/home.json
@@ -11,7 +11,7 @@
   "10": "Links",
   "11": "GitHub",
   "12": "Changelog",
-  "13": "Starter kit",
+  "13": "Element UI for Vue 2",
   "14": "Online Theme Roller",
   "15": "Gitter",
   "16": "Feedback",
diff --git a/docs/.vitepress/vitepress/components/globals/parallax-home.vue b/docs/.vitepress/vitepress/components/globals/parallax-home.vue
index 2260c80f5a..d9c2453527 100644
--- a/docs/.vitepress/vitepress/components/globals/parallax-home.vue
+++ b/docs/.vitepress/vitepress/components/globals/parallax-home.vue
@@ -1,6 +1,11 @@
 <script setup lang="ts">
 import { ref, reactive, computed } from 'vue'
-import { useParallax, useThrottleFn, useEventListener } from '@vueuse/core'
+import {
+  useParallax,
+  useThrottleFn,
+  useEventListener,
+  useIntervalFn,
+} from '@vueuse/core'
 import dayjs from 'dayjs'
 import { useLang } from '../../composables/lang'
 import homeLocale from '../../../i18n/pages/home.json'
@@ -70,39 +75,40 @@ const handleScroll = useThrottleFn(() => {
 useEventListener(window, 'scroll', handleScroll)
 
 interface CountdownT {
-  days?: string
-  hours?: string
-  minutes?: string
-  seconds?: string
+  days: string
+  hours: string
+  minutes: string
+  seconds: string
 }
 const releaseDate = dayjs('2022-02-07T11:00:00.000+08:00')
 const isBeforeRelease = ref(false)
-const countDownText = ref<CountdownT>({})
+const countdownText = ref<CountdownT>({} as CountdownT)
 const calReleaseCountDown = () => {
   if (dayjs().isBefore(releaseDate)) {
     isBeforeRelease.value = true
     const dayDiff = releaseDate.diff(dayjs(), 'day')
-    countDownText.value.days = String(dayDiff).padStart(2, '0')
+    countdownText.value.days = String(dayDiff).padStart(2, '0')
     const hourDiff = releaseDate.diff(dayjs(), 'hour') - dayDiff * 24
-    countDownText.value.hours = String(hourDiff).padStart(2, '0')
+    countdownText.value.hours = String(hourDiff).padStart(2, '0')
     const minuteDiff =
       releaseDate.diff(dayjs(), 'minute') - hourDiff * 60 - dayDiff * 24 * 60
-    countDownText.value.minutes = String(minuteDiff).padStart(2, '0')
+    countdownText.value.minutes = String(minuteDiff).padStart(2, '0')
     const secondDiff =
       releaseDate.diff(dayjs(), 'second') -
       minuteDiff * 60 -
       hourDiff * 60 * 60 -
       dayDiff * 24 * 60 * 60
-    countDownText.value.seconds = String(secondDiff).padStart(2, '0')
+    countdownText.value.seconds = String(secondDiff).padStart(2, '0')
   } else {
-    clearInterval(intervalId)
+    pauseCountdown()
   }
 }
 
-const intervalId = setInterval(() => {
-  calReleaseCountDown()
-}, 1000)
-calReleaseCountDown()
+const { pause: pauseCountdown } = useIntervalFn(
+  () => calReleaseCountDown(),
+  1000,
+  { immediateCallback: true }
+)
 </script>
 
 <template>
@@ -122,29 +128,29 @@ calReleaseCountDown()
           <div class="cd-time">
             <div class="cd-item">
               <div class="cd-num">
-                <span>{{ countDownText.days[0] }}</span>
-                <span>{{ countDownText.days[1] }}</span>
+                <span>{{ countdownText.days[0] }}</span>
+                <span>{{ countdownText.days[1] }}</span>
               </div>
               <div class="cd-str">DAYS</div>
             </div>
             <div class="cd-item">
               <div class="cd-num">
-                <span>{{ countDownText.hours[0] }}</span>
-                <span>{{ countDownText.hours[1] }}</span>
+                <span>{{ countdownText.hours[0] }}</span>
+                <span>{{ countdownText.hours[1] }}</span>
               </div>
               <div class="cd-str">HOURS</div>
             </div>
             <div class="cd-item">
               <div class="cd-num">
-                <span>{{ countDownText.minutes[0] }}</span>
-                <span>{{ countDownText.minutes[1] }}</span>
+                <span>{{ countdownText.minutes[0] }}</span>
+                <span>{{ countdownText.minutes[1] }}</span>
               </div>
               <div class="cd-str">MINUTES</div>
             </div>
             <div class="cd-item">
               <div class="cd-num">
-                <span>{{ countDownText.seconds[0] }}</span>
-                <span>{{ countDownText.seconds[1] }}</span>
+                <span>{{ countdownText.seconds[0] }}</span>
+                <span>{{ countdownText.seconds[1] }}</span>
               </div>
               <div class="cd-str">SECONDS</div>
             </div>
@@ -254,7 +260,7 @@ calReleaseCountDown()
         {{ homeLang['12'] }}
       </a>
       <a
-        href="https://github.com/element-plus/element-plus-starter"
+        href="https://element.eleme.io/"
         class="footer-main-link"
         target="_blank"
       >