Fix social provider error

lukso-network · Nov 8, 2023 · ea0e045 · ea0e045
1 parent 3b58322
commit ea0e045
Showing 1 changed file with 6 additions and 2 deletions.
diff --git 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"