[MERGE] Merge branch 'master' into production

components/globals/jumbotron.vue

@@ -87,14 +87,14 @@
 
     import TextLoader from "@/components/loaders/text-loader.vue";
 
-    interface JumbotronData { dailyMessage: DailyMessage | null; }
+    interface JumbotronData { dailyMessage?: DailyMessage; }
 
     export default Vue.extend({
         name: "Jumbotron",
         components: { TextLoader },
 
-        data: (): JumbotronData => ({ dailyMessage: null }),
-        created: async function(): Promise<void>
+        data: (): JumbotronData => ({ dailyMessage: undefined }),
+        fetch: async function(): Promise<void>
         {
             this.dailyMessage = await DailyMessage.GetRandomOne();
 

components/timelines/timeline.vue

@@ -1,6 +1,6 @@
 <template>
     <div class="container timeline">
-        <template v-if="items.length">
+        <template v-if="items">
             <TimelineItem v-for="item, index in items"
                           :key="index"
                           :item="item"

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@byloth/website",
-  "version": "5.0.10",
+  "version": "5.0.9",
   "description": "My personal website as a Nuxt.js application, written in TypeScript and based on Material Design.",
   "keywords": [
     "Vue.js",

pages/index.vue

@@ -6,25 +6,23 @@
 
 <script lang="ts">
     import Vue from "vue";
+    import { Context } from "@nuxt/types";
 
     import Timeline from "@/components/timelines/timeline.vue";
 
     import { Post } from "@/models";
 
-    interface HomePageData { posts: Post[]; }
+    interface HomePageData { posts?: Post[]; }
+    interface HomePageAsyncData { posts: Post[]; }
 
     export default Vue.extend({
         name: "HomePage",
         components: { Timeline },
 
-        data: (): HomePageData => ({ posts: [] }),
+        asyncData: async (context: Context): Promise<HomePageAsyncData> => ({ posts: await Post.GetAll(context) }),
+        data: (): HomePageData => ({ posts: undefined }),
 
-        head: { title: "Home" },
-
-        created: async function(): Promise<void>
-        {
-            this.posts = await Post.GetAll(this);
-        }
+        head: { title: "Home" }
     });
 </script>
 

store/config.ts

@@ -54,7 +54,7 @@ const state = (): ConfigState => ({
             title: "Chi sono"
         }
     ],
-    version: "5.0.10"
+    version: "5.0.9"
 });
 
 export { state };