<script setup>
  import { ref, onMounted, computed } from "vue";

  import { useMenuStore } from '../../stores/MenuStore';
  const MenuStore = useMenuStore();
  MenuStore.get_today();

  import MiniLinkListing from '../listings/MiniBlueskyLinks.vue';
  import LinkListing from '../listings/BlueskyLinks.vue';
  MenuStore.fetchSocialLinks();
  const links = computed(() => {
    return MenuStore.social_links;
  });

  defineProps({
        limit: {
            type: Number,
            require: false
        }
    })

</script>
        
<template>

    <div class="md:hidden lg:hidden m-auto">
      <iframe width="322" height="181" src="https://www.youtube.com/embed/IDzjL0SaUS8?si=VxxJMMUMSkBT8WW-" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>

      <iframe width="322" height="181" src="https://www.youtube.com/embed/djeADP6JCts?si=4jVmPQ5qOvR0ecwL" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>

      <iframe width="322" height="181" src="https://www.youtube.com/embed/9Z4MWLz6ZFc?si=CrwZeC46CCz3cVbe" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
    </div>

    <div class="hidden md:block lg:block m-auto">
      <iframe width="560" height="315" src="https://www.youtube.com/embed/IDzjL0SaUS8?si=VxxJMMUMSkBT8WW-" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>

      <iframe width="560" height="315" src="https://www.youtube.com/embed/djeADP6JCts?si=4jVmPQ5qOvR0ecwL" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>

      <iframe width="560" height="315" src="https://www.youtube.com/embed/9Z4MWLz6ZFc?si=CrwZeC46CCz3cVbe" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
    </div>
</template>

<style scoped>
    iframe {
      margin: auto;
      padding: 1em;
    }
</style>