<template>
  <H2lRanking :rankings="rankings" />
</template>

<script setup lang="ts">
import H2lRanking from 'h2l-ranking'
import { ref } from 'vue'
import 'h2l-ranking/style.css'

const rankings = ref({
  hang: [
    {
      title: '《中二病也要谈恋爱》',
      cover: '/images/1.png',
      url: 'https://example.com/1',
      description: '本人入宅作，给到一个夯'
    },
    { title: '《玉子爱情故事》', cover: '/images/2.png' },
    { title: '《葬送的芙莉莲》', cover: '/images/3.png' },
    { title: '《我心里危险的东西》', description: '心理描写细腻，适合我们死宅体质', cover: '/images/4.png' },
    { title: '《双城之战》', cover: '/images/5.png', description: '金克斯牛逼！' }
  ],
  upper: [
    { title: '《搞笑漫画日和》', cover: '/images/6.png' },
    { title: '《胆大党》', cover: '/images/7.png' },
    { title: '《荒川爆笑团》', cover: '/images/8.png' },
    { title: '《银魂》', cover: '/images/9.png' },
    { title: '《某科学的超电磁炮》', cover: '/images/10.png' },
    { title: '《魔法禁书目录》', cover: '/images/11.png' },
    { title: '《热带雨林的爆笑生活》', cover: '/images/12.png' }
  ],
  middle: [],
  lower: [],
  la: []
})
</script>