bugfix when there is no next race.

index.html

@@ -11,7 +11,7 @@
     <link href="css/site.css" rel="stylesheet">
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <meta name="description" content="Stay on track anywhere you go with with The Next F1 Race, the ultimate destination for the Formula 1 racing schedule. It's the prettiest race schedule on the internet.">
-    <meta http-equiv="last-modified" content="2023-03-17@09:45:02">
+    <meta http-equiv="last-modified" content="2023-10-29@13:23:54">
     <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
     <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
     <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
@@ -39,7 +39,8 @@
       <header class="site-header">
         <div class="inner">
           <h1>The Next F1 Race</h1>
-          <div class="when"><span>is in </span><a class="next-race" @click="scrollTo(computedNextRace.raceNumber)">{{computedNextRace.raceTitle}}</a>
+          <div class="when" v-if="!computedNextRace.raceNumber"><span>will be in 2024. Check back then.</span></div>
+          <div class="when" v-else><span>is in </span><a class="next-race" @click="scrollTo(computedNextRace.raceNumber)">{{computedNextRace.raceTitle}}</a>
             <template v-if="computedNextRace.daysUntil &gt; 1"><span>in </span><strong v-text="computedNextRace.daysUntil"></strong><span> days.</span></template>
             <template v-else><span>this weekend.</span></template>
           </div>
@@ -115,7 +116,7 @@ <h2 class="title" :letters="race.title.length" :start-width="getTitleWidths(race
       <script src="js/libraries/moment.min.js"></script>
       <script src="js/libraries/jquery.min.js"></script>
       <script src="js/libraries/scrollmagic.min.js"></script>
-      <script src="js/min/site.min.js?updated2023-03-17@09:45:02"></script>
+      <script src="js/min/site.min.js?updated2023-10-29@13:23:54"></script>
       <!--  Google tag (gtag.js) -->
       <script async src="https://www.googletagmanager.com/gtag/js?id=G-PDH43TV090"></script>
       <script>

js/partials/_vue.js

@@ -162,6 +162,14 @@ var app = new Vue({
           daysUntil = moment(race.startDate).diff(moment(),'days');
         }
       });
+      if (!raceTitle) {
+        return {
+          today: today,
+          raceNumber: null,
+          raceTitle:null,
+          daysUntil: null
+        }
+      }
 
       return {
         today: today,

prepros.config

@@ -83,6 +83,7 @@
       "autoUpload": false,
       "reuseConnection": true,
       "connectionType": "ftp",
+      "exportHistory": true,
       "history": []
     },
     "packages": {
@@ -854,12 +855,12 @@
         "sourceMap": false,
         "tasks": [
           {
-            "task": "typescript",
+            "task": "copy",
             "enable": true
           },
           {
             "task": "babel",
-            "enable": false
+            "enable": true
           },
           {
             "task": "bundle-js",

pug/sections/_header.pug

@@ -1,7 +1,11 @@
 header.site-header
   .inner
     h1= siteTitle
-    .when
+
+    .when(v-if="!computedNextRace.raceNumber")
+      span will be in 2024. Check back then.
+
+    .when(v-else)
       span is in 
       a.next-race(@click="scrollTo(computedNextRace.raceNumber)") {{computedNextRace.raceTitle}}
       template(v-if="computedNextRace.daysUntil > 1")