<script setup>
import {
  ref,
  reactive,
  h,
  watch,
  toRaw,
  onMounted,
  onUnmounted,
  nextTick,
} from "vue";
import { RouterLink, useRoute, useRouter } from "vue-router";
import { useStore } from "vuex";
import {
  NButton,
  NButtonGroup,
  NSpace,
  NIcon,
  NDropdown,
  NMenu,
  NLayout,
  NLayoutHeader,
  NLayoutFooter,
  NLayoutContent,
  NLayoutSider,
  NTag,
  NDataTable,
  useMessage,
} from "naive-ui";
import Play from "@/assets/svgs/Play_.svg";
import Pause from "@/assets/svgs/Pause.svg";
import svgDots from "@/assets/svgs/Dots.svg";
import dayjs from "dayjs";
import "dayjs/locale/zh-cn";
import duration from "dayjs/plugin/duration";
import pubsub from "pubsub-js";
import ArtistsSpan from "@/components/ArtistsSpan.vue";

const store = useStore();
const router = useRouter();
dayjs.extend(duration);

const props = defineProps({
  songs: Array,
});

</script>
<template>
  {{songs}}
</template>

<script>
export default {

}
</script>

<style>

</style>