Update README & used the wrong js-confeti package & removed axios, as it

is just node fetch w/ support for older devices? Also the news org pic
is not avaiable, because it is rendered onMounted, not server rendered &
confeti feat?
This commit is contained in:
yuanhau 2025-06-04 00:38:32 +08:00
parent f0e33905b8
commit 205f684fe2
6 changed files with 52 additions and 6 deletions

View file

@ -54,7 +54,7 @@ watch(
<template>
<div>
<div class="text-center align-center justify-center">
<div
<!--<div
class="flex flex-row bg-[#AAACAAFF] rounded-3xl p-3 gap-3 m-3 scale-5"
>
<img
@ -88,6 +88,32 @@ watch(
</a>
</div>
</div>
</div>-->
<div class="flex flex-col gap-3 text-left">
<h1 class="text-4xl font-bold m-3 text-left" ref="orgNameAnimation">
{{ fetchNewsOrgInfo?.title }}
</h1>
<span class="text-ms m-1 mt-5 text-left text-wrap">{{
fetchNewsOrgInfo?.description
}}</span>
<div
class="gap-[3px] flex flex-row text-center align-center justify-center"
>
<a
:href="fetchNewsOrgInfo?.website"
target="_blank"
v-if="fetchNewsOrgInfo?.website"
class="text-gray-800 hover:text-gray-500 transiton-all duration-150 flex flex-row"
><GlobeAltIcon class="w-6 h-6" />網站</a
>
<a
:href="fetchNewsOrgInfo?.facebook"
target="_blank"
v-if="fetchNewsOrgInfo?.facebook"
class="text-gray-800 hover:text-gray-500 transiton-all duration-150 flex flex-row"
><Facebook class="w-6 h-6" />Facebook
</a>
</div>
</div>
<div>
<div v-for="item in fetchNewsOrgInfo?.articles">