feat: add F1 Countdown

package.json

@@ -32,6 +32,7 @@
     "generate-preview-screenshot": "node ./generate-preview-image.cjs"
   },
   "dependencies": {
+    "@chenfengyuan/vue-countdown": "^1.1.5",
     "@egjs/flicking-plugins": "^4.4.0",
     "@egjs/vue-flicking": "^4.10.0",
     "@nuxt/content": "^1.15.1",

pages/f1-countdown.vue

@@ -0,0 +1,28 @@
+<template>
+  <div id="f1-countdown-page">
+    <TheTitle badge-text="New">F1 Countdown</TheTitle>
+    <TheLead>Blabla huge fan of f1</TheLead>
+
+    <vue-countdown v-if="duration" v-slot="{ days, hours, minutes, seconds }" :time="duration">
+      Time Remaining：{{ days }} days, {{ hours }} hours, {{ minutes }} minutes,
+      {{ seconds }} seconds.
+    </vue-countdown>
+  </div>
+</template>
+
+<script>
+import VueCountdown from '@chenfengyuan/vue-countdown';
+
+export default {
+  name: 'F1Countdown',
+  components: {
+    VueCountdown,
+  },
+  layout: 'default-centered',
+  computed: {
+    duration() {
+      return new Date(2022, 2, 20, 15) - Date.now();
+    },
+  },
+};
+</script>

store/index.js

@@ -6,7 +6,7 @@ export const state = () => ({
     routes.HOME,
     {
       title: 'General',
-      links: [routes.ABOUT_ME, routes.RESOURCES_OVERVIEW],
+      links: [routes.ABOUT_ME, routes.RESOURCES_OVERVIEW, routes.F1_COUNTDOWN],
     },
     {
       title: 'Projects',

util/routes.cjs

@@ -34,6 +34,10 @@ const routes = {
     to: '/minesweeper',
     name: 'Minesweeper',
   },
+  F1_COUNTDOWN: {
+    to: '/f1-countdown',
+    name: 'F1 Countdown',
+  },
 };
 
 module.exports = { routes };

yarn.lock

@@ -1043,6 +1043,11 @@
   resolved "https://registry.yarnpkg.com/@bcoe/v8-coverage/-/v8-coverage-0.2.3.tgz#75a2e8b51cb758a7553d6804a5932d7aace75c39"
   integrity sha512-0hYQ8SB4Db5zvZB4axdMHGwEaQjkZzFjQiN9LVYvIFB2nSUHW9tYpxWriPrWDASIxiaXax83REcLxuSdnGPZtw==
 
+"@chenfengyuan/vue-countdown@^1.1.5":
+  version "1.1.5"
+  resolved "https://registry.yarnpkg.com/@chenfengyuan/vue-countdown/-/vue-countdown-1.1.5.tgz#33c1fe68bd28496cb70dda8eed6ecc874a6dc386"
+  integrity sha512-BB0taTfJzxsXFUPioREWLKpMDdHOoD8EiSW6lhB3yCdJh3I7jiNQzC8Hw5dPxoPNgZekeEPMQwsdPkjQPyxIeA==
+
 "@cfcs/core@^0.0.4":
   version "0.0.4"
   resolved "https://registry.yarnpkg.com/@cfcs/core/-/core-0.0.4.tgz#5c1e89c2c170dfa9ba69450376ed0d894e19e2a1"