From ea0e04516874d37ea5d4fc5ca64881c4b9b233f8 Mon Sep 17 00:00:00 2001
From: Dominik Zborowski <dominik.zborowski@gmail.com>
Date: Wed, 8 Nov 2023 11:53:19 +0100
Subject: [PATCH] Fix social provider error

---
 components/AppFooter.vue | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/components/AppFooter.vue b/components/AppFooter.vue
index 94f27224..e7c23b00 100644
--- a/components/AppFooter.vue
+++ b/components/AppFooter.vue
@@ -1,11 +1,15 @@
 <script setup lang="ts">
 import { ProviderName } from '@lukso/web-components/dist/components/lukso-share'
 
-const providers: ProviderName[] = ['twitter', 'discord', 'github']
+const providers = ref<ProviderName[]>()
+
+onMounted(() => {
+  providers.value = ['twitter', 'discord', 'github']
+})
 </script>
 
 <template>
-  <lukso-footer :providers="providers">
+  <lukso-footer v-if="providers" :providers="providers">
     <div
       slot="links"
       class="grid gap-4 items-center grid-cols-1 grid-rows-3 xl:grid-cols-[repeat(4,max-content)] xl:gap-10 xl:grid-rows-1"