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

@ -41,6 +41,7 @@ interface minAppWindowInterface {
// Import plugins
import { v4 as uuidv4 } from "uuid";
import { gsap } from "gsap";
import confetti from "js-confetti";
// Import Windows
import UserWindow from "~/components/app/windows/user.vue";
@ -101,7 +102,7 @@ const menuItems = [
{ name: t("app.about"), windowName: "about" },
{ name: t("app.terminal"), windowName: "tty" },
{ name: t("app.settings"), windowName: "settings" },
{ name: t("app.login"), windowName: "user" },
{ name: t("app.login"), windowName: "login" },
{ name: t("app.leave"), windowName: "leave" },
];
@ -115,7 +116,7 @@ const associAppWindow = [
height: "500px",
},
{
name: "user",
name: "login",
id: "2",
title: t("app.login"),
component: UserWindow,
@ -195,6 +196,14 @@ const associAppWindow = [
},
];
// Confeti
const successcanvas = ref();
const confetiActive = ref(false);
const successpop = ref<any>();
onMounted(() => {
successpop.value = new confetti();
});
// Date
const currentDate = ref(
new Date().toLocaleDateString("zh-TW", {
@ -606,4 +615,7 @@ const openNewsSourcePage = async (slug: string, title: string) => {
</DraggableWindow>
</div>
</Transition>
<div v-if="confetiActive">
<div v-ref="successcanvas"></div>
</div>
</template>