// run
new Vue({el: '#app',data: {links: [{name: '捞月亮の小北',desc: '言念君子，温其如玉',avatar: 'https://youke1.picui.cn/s1/2025/10/21/68f785af89315.png',url: 'https://example.com'},{name: 'Fomalhaut',desc: 'Future is now 🎉🎉🎉',avatar: 'https://via.placeholder.com/50?text=F',url: 'https://example.com'},{name: '爱吃肉的猫',desc: '有肉有猫有生活.',avatar: 'https://via.placeholder.com/50?text=猫',url: 'https://example.com'},{name: '梦爱吃鱼',desc: '但愿日子清静抬头遇见的满是柔情',avatar: 'https://via.placeholder.com/50?text=鱼',url: 'https://example.com'},{name: 'Leonus',desc: '进一寸有进一寸的欢喜。',avatar: 'https://via.placeholder.com/50?text=L',url: 'https://example.com'},{name: '煮雪话河山`Bloq',desc: '如月之恒，如日之升。',avatar: 'https://via.placeholder.com/50?text=煮',url: 'https://example.com'},{name: 'June\'s Bloq',desc: '遇事不决，可问春风',avatar: 'https://via.placeholder.com/50?text=J',url: 'https://example.com'},{name: 'Ariasakaの小窝',desc: '人有悲欢离合 月有阴晴圆缺',avatar: 'https://via.placeholder.com/50?text=A',url: 'https://example.com'},{name: '小城故事',desc: '欢迎光临小城故事!',avatar: 'https://via.placeholder.com/50?text=故',url: 'https://example.com'},{name: '呆鱼',desc: 'Hello World!',avatar: 'https://via.placeholder.com/50?text=呆',url: 'https://example.com'},{name: '前尘小筑',desc: '虽多尘色染，犹见墨痕浓',avatar: 'https://via.placeholder.com/50?text=前',url: 'https://example.com'},{name: '朽丘秋雨',desc: '一定会和喜欢的人在夏日夜晚牵手...',avatar: 'https://via.placeholder.com/50?text=秋',url: 'https://example.com'},{name: 'Kurococ Liu',desc: '被子外面很危险！',avatar: 'https://via.placeholder.com/50?text=K',url: 'https://example.com'}]}
})
潜龙共济
若天下不定，吾往；若世道不平，不回！
<div class="links-grid"><a :href="link.url" class="link-card" v-for="link in links"><img :src="link.avatar" :alt="link.name" class="avatar" /><div class="link-content"><h3>{{ link.name }}</h3><p>{{ link.desc }}</p></div></a>
</div>