From 5d74f6c7c09ceb4b68bd0265e6c641192080d994 Mon Sep 17 00:00:00 2001
From: Santo Cariotti <santo@dcariotti.me>
Date: Sun, 18 Sep 2022 14:24:32 +0200
Subject: Add model loading component

---
 pages/index.vue | 16 ++++++++++++++++
 1 file changed, 16 insertions(+)

(limited to 'pages/index.vue')

diff --git a/pages/index.vue b/pages/index.vue
index 75876fa..2c84032 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -1,13 +1,29 @@
 <template lang="pug">
   .mx-auto.max-w-7xl.py-6(class="sm:px-6 lg:px-8")
+    model-loading(v-if="isLoading")
+
 </template>
 
 <script>
+import ModelLoading from "@/components/ModelLoading.vue";
+
+import { mapGetters } from "vuex";
+
 export default {
   name: "IndexPage",
   layout: "default",
   head: {
     title: "Verden - Social for 3D artists",
   },
+  components: {
+    "model-loading": ModelLoading,
+  },
+  computed: {
+    ...mapGetters(["isLoading"]),
+    ...mapGetters("auth", ["isLogged"]),
+  },
+  created() {
+    this.$store.dispatch("models/getModels");
+  },
 };
 </script>
-- 
cgit v1.2.3-18-g5258

