diff --git a/packages/frontend/src/components/MkUrlPreview.vue b/packages/frontend/src/components/MkUrlPreview.vue
index 4a1407501f49..12902d50f7cd 100644
--- a/packages/frontend/src/components/MkUrlPreview.vue
+++ b/packages/frontend/src/components/MkUrlPreview.vue
@@ -4,90 +4,87 @@ SPDX-License-Identifier: AGPL-3.0-only
 -->
 
 <template>
-<template v-if="player.url && playerEnabled">
-	<div
-		:class="$style.player"
-		:style="player.width ? `padding: ${(player.height || 0) / player.width * 100}% 0 0` : `padding: ${(player.height || 0)}px 0 0`"
-	>
-		<iframe
-			v-if="player.url.startsWith('http://') || player.url.startsWith('https://')"
-			sandbox="allow-popups allow-scripts allow-storage-access-by-user-activation allow-same-origin"
-			scrolling="no"
-			:allow="player.allow.join(';')"
-			:class="$style.playerIframe"
-			:src="player.url + (player.url.match(/\?/) ? '&autoplay=1&auto_play=1' : '?autoplay=1&auto_play=1')"
-			:style="{ border: 0 }"
-		></iframe>
-		<span v-else>invalid url</span>
-	</div>
-	<div :class="$style.action">
-		<MkButton :small="true" inline @click="playerEnabled = false">
-			<i class="ti ti-x"></i> {{ i18n.ts.disablePlayer }}
-		</MkButton>
-	</div>
-</template>
-<template v-else-if="tweetId && tweetExpanded">
-	<div ref="twitter">
-		<iframe
-			ref="tweet"
-			allow="fullscreen;web-share"
-			sandbox="allow-popups allow-popups-to-escape-sandbox allow-scripts allow-same-origin"
-			scrolling="no"
-			:style="{ position: 'relative', width: '100%', height: `${tweetHeight}px`, border: 0 }"
-			:src="`https://platform.twitter.com/embed/index.html?embedId=${embedId}&amp;hideCard=false&amp;hideThread=false&amp;lang=en&amp;theme=${defaultStore.state.darkMode ? 'dark' : 'light'}&amp;id=${tweetId}`"
-		></iframe>
-	</div>
-	<div :class="$style.action">
-		<MkButton :small="true" inline @click="tweetExpanded = false">
-			<i class="ti ti-x"></i> {{ i18n.ts.close }}
-		</MkButton>
-	</div>
-</template>
-<suspense v-else-if="neosWorldRecordId || neosSessionId">
-	<NeosUrlPreview :compact="compact" :neos-session-id="neosSessionId" :neos-world-record-id="neosWorldRecordId" />
-</suspense>
-<div v-else>
-	<component :is="self ? 'MkA' : 'a'" :class="[$style.link, { [$style.compact]: compact }]" :[attr]="self ? url.substring(local.length) : url" rel="nofollow noopener" :target="target" :title="url">
-		<div v-if="thumbnail && !sensitive" :class="$style.thumbnail" :style="defaultStore.state.dataSaver.urlPreview ? '' : `background-image: url('${thumbnail}')`">
-		</div>
-		<article :class="$style.body">
-			<header :class="$style.header">
-				<h1 v-if="unknownUrl" :class="$style.title">{{ url }}</h1>
-				<h1 v-else-if="fetching" :class="$style.title"><MkEllipsis/></h1>
-				<h1 v-else :class="$style.title" :title="title ?? undefined">{{ title }}</h1>
-			</header>
-			<p v-if="unknownUrl" :class="$style.text">{{ i18n.ts.failedToPreviewUrl }}</p>
-			<p v-else-if="fetching" :class="$style.text"><MkEllipsis/></p>
-			<p v-else-if="description" :class="$style.text" :title="description">{{ description.length > 85 ? description.slice(0, 85) + '…' : description }}</p>
-			<footer :class="$style.footer">
-				<img v-if="icon" :class="$style.siteIcon" :src="icon"/>
-				<p v-if="unknownUrl" :class="$style.siteName">{{ requestUrl.host }}</p>
-				<p v-else-if="fetching" :class="$style.siteName"><MkEllipsis/></p>
-				<p v-else :class="$style.siteName" :title="sitename ?? requestUrl.host">{{ sitename ?? requestUrl.host }}</p>
-			</footer>
-		</article>
-	</component>
-	<template v-if="showActions">
-		<div v-if="tweetId" :class="$style.action">
-			<MkButton :small="true" inline @click="tweetExpanded = true">
-				<i class="ti ti-brand-x"></i> {{ i18n.ts.expandTweet }}
-			</MkButton>
-		</div>
-		<div v-if="!playerEnabled && player.url" :class="$style.action">
-			<MkButton :small="true" inline @click="playerEnabled = true">
-				<i class="ti ti-player-play"></i> {{ i18n.ts.enablePlayer }}
-			</MkButton>
-			<MkButton v-if="!isMobile" :small="true" inline @click="openPlayer()">
-				<i class="ti ti-picture-in-picture"></i> {{ i18n.ts.openInWindow }}
-			</MkButton>
-		</div>
-	</template>
-</div>
+  <template v-if="player.url && playerEnabled">
+    <div
+        :class="$style.player"
+        :style="player.width ? `padding: ${(player.height || 0) / player.width * 100}% 0 0` : `padding: ${(player.height || 0)}px 0 0`"
+    >
+      <iframe
+          v-if="player.url.startsWith('http://') || player.url.startsWith('https://')"
+          sandbox="allow-popups allow-scripts allow-storage-access-by-user-activation allow-same-origin"
+          scrolling="no"
+          :allow="player.allow.join(';')"
+          :class="$style.playerIframe"
+          :src="player.url + (player.url.match(/\?/) ? '&autoplay=1&auto_play=1' : '?autoplay=1&auto_play=1')"
+          :style="{ border: 0 }"
+      ></iframe>
+      <span v-else>invalid url</span>
+    </div>
+    <div :class="$style.action">
+      <MkButton :small="true" inline @click="playerEnabled = false">
+        <i class="ti ti-x"></i> {{ i18n.ts.disablePlayer }}
+      </MkButton>
+    </div>
+  </template>
+  <template v-else-if="tweetId && tweetExpanded">
+    <div ref="twitter">
+      <iframe
+          ref="tweet"
+          allow="fullscreen;web-share"
+          sandbox="allow-popups allow-popups-to-escape-sandbox allow-scripts allow-same-origin"
+          scrolling="no"
+          :style="{ position: 'relative', width: '100%', height: `${tweetHeight}px`, border: 0 }"
+          :src="`https://platform.twitter.com/embed/index.html?embedId=${embedId}&amp;hideCard=false&amp;hideThread=false&amp;lang=en&amp;theme=${defaultStore.state.darkMode ? 'dark' : 'light'}&amp;id=${tweetId}`"
+      ></iframe>
+    </div>
+    <div :class="$style.action">
+      <MkButton :small="true" inline @click="tweetExpanded = false">
+        <i class="ti ti-x"></i> {{ i18n.ts.close }}
+      </MkButton>
+    </div>
+  </template>
+  <div v-else>
+    <component :is="self ? 'MkA' : 'a'" :class="[$style.link, { [$style.compact]: compact }]" :[attr]="self ? url.substring(local.length) : url" rel="nofollow noopener" :target="target" :title="url">
+      <div v-if="thumbnail && !sensitive" :class="$style.thumbnail" :style="defaultStore.state.dataSaver.urlPreview ? '' : `background-image: url('${thumbnail}')`">
+      </div>
+      <article :class="$style.body">
+        <header :class="$style.header">
+          <h1 v-if="unknownUrl" :class="$style.title">{{ url }}</h1>
+          <h1 v-else-if="fetching" :class="$style.title"><MkEllipsis/></h1>
+          <h1 v-else :class="$style.title" :title="title ?? undefined">{{ title }}</h1>
+        </header>
+        <p v-if="unknownUrl" :class="$style.text">{{ i18n.ts.failedToPreviewUrl }}</p>
+        <p v-else-if="fetching" :class="$style.text"><MkEllipsis/></p>
+        <p v-else-if="description" :class="$style.text" :title="description">{{ description.length > 85 ? description.slice(0, 85) + '…' : description }}</p>
+        <footer :class="$style.footer">
+          <img v-if="icon" :class="$style.siteIcon" :src="icon"/>
+          <p v-if="unknownUrl" :class="$style.siteName">{{ requestUrl.host }}</p>
+          <p v-else-if="fetching" :class="$style.siteName"><MkEllipsis/></p>
+          <p v-else :class="$style.siteName" :title="sitename ?? requestUrl.host">{{ sitename ?? requestUrl.host }}</p>
+        </footer>
+      </article>
+    </component>
+    <template v-if="showActions">
+      <div v-if="tweetId" :class="$style.action">
+        <MkButton :small="true" inline @click="tweetExpanded = true">
+          <i class="ti ti-brand-x"></i> {{ i18n.ts.expandTweet }}
+        </MkButton>
+      </div>
+      <div v-if="!playerEnabled && player.url" :class="$style.action">
+        <MkButton :small="true" inline @click="playerEnabled = true">
+          <i class="ti ti-player-play"></i> {{ i18n.ts.enablePlayer }}
+        </MkButton>
+        <MkButton v-if="!isMobile" :small="true" inline @click="openPlayer()">
+          <i class="ti ti-picture-in-picture"></i> {{ i18n.ts.openInWindow }}
+        </MkButton>
+      </div>
+    </template>
+  </div>
 </template>
 
 <script lang="ts" setup>
 import { defineAsyncComponent, onUnmounted, ref } from 'vue';
-import type { summaly } from 'summaly';
+import type { summaly } from '@misskey-dev/summaly';
 import { url as local } from '@/config.js';
 import { i18n } from '@/i18n.js';
 import * as os from '@/os.js';
@@ -95,22 +92,20 @@ import { deviceKind } from '@/scripts/device-kind.js';
 import MkButton from '@/components/MkButton.vue';
 import { versatileLang } from '@/scripts/intl-const.js';
 import { defaultStore } from '@/store.js';
-import NeosUrlPreview from "@/components/custom/NeosUrlPreview.vue";
 
 type SummalyResult = Awaited<ReturnType<typeof summaly>>;
 
 const props = withDefaults(defineProps<{
-	url: string;
-	detail?: boolean;
-	compact?: boolean;
-	showActions?: boolean;
+  url: string;
+  detail?: boolean;
+  compact?: boolean;
+  showActions?: boolean;
 }>(), {
-	detail: false,
-	compact: false,
-	showActions: true,
+  detail: false,
+  compact: false,
+  showActions: true,
 });
 
-
 const MOBILE_THRESHOLD = 500;
 const isMobile = ref(deviceKind === 'smartphone' || window.innerWidth <= MOBILE_THRESHOLD);
 
@@ -125,280 +120,274 @@ const icon = ref<string | null>(null);
 const sitename = ref<string | null>(null);
 const sensitive = ref<boolean>(false);
 const player = ref({
-	url: null,
-	width: null,
-	height: null,
+  url: null,
+  width: null,
+  height: null,
 } as SummalyResult['player']);
 const playerEnabled = ref(false);
 const tweetId = ref<string | null>(null);
 const tweetExpanded = ref(props.detail);
-let neosSessionId = ref<string | null>(null);
-let neosWorldRecordId = ref<string | null>(null);
 const embedId = `embed${Math.random().toString().replace(/\D/, '')}`;
 const tweetHeight = ref(150);
 const unknownUrl = ref(false);
 
-
 const requestUrl = new URL(props.url);
 if (!['http:', 'https:'].includes(requestUrl.protocol)) throw new Error('invalid url');
 
 if (requestUrl.hostname === 'twitter.com' || requestUrl.hostname === 'mobile.twitter.com' || requestUrl.hostname === 'x.com' || requestUrl.hostname === 'mobile.x.com') {
-	const m = requestUrl.pathname.match(/^\/.+\/status(?:es)?\/(\d+)/);
-	if (m) tweetId.value = m[1];
-}
-
-// detect neos session url
-if (requestUrl.hostname === 'cloudx.azurewebsites.net') {
-	const m = requestUrl.pathname.match(/^\/.+\/session\/(.+)/);
-	const w = requestUrl.pathname.match(/^\/.+\/world\/(.+)/);
-	if (m) neosSessionId = m[1];
-	if (w) neosWorldRecordId = w[1]
+  const m = requestUrl.pathname.match(/^\/.+\/status(?:es)?\/(\d+)/);
+  if (m) tweetId.value = m[1];
 }
 
 if (requestUrl.hostname === 'music.youtube.com' && requestUrl.pathname.match('^/(?:watch|channel)')) {
-	requestUrl.hostname = 'www.youtube.com';
+  requestUrl.hostname = 'www.youtube.com';
 }
 
 requestUrl.hash = '';
 
 window.fetch(`/url?url=${encodeURIComponent(requestUrl.href)}&lang=${versatileLang}`)
-	.then(res => {
-		if (!res.ok) {
-			fetching.value = false;
-			unknownUrl.value = true;
-			return;
-		}
-
-		return res.json();
-	})
-	.then((info: SummalyResult) => {
-		if (info.url == null) {
-			fetching.value = false;
-			unknownUrl.value = true;
-			return;
-		}
-
-		fetching.value = false;
-		unknownUrl.value = false;
-
-		title.value = info.title;
-		description.value = info.description;
-		thumbnail.value = info.thumbnail;
-		icon.value = info.icon;
-		sitename.value = info.sitename;
-		player.value = info.player;
-		sensitive.value = info.sensitive ?? false;
-	});
-});
+    .then(res => {
+      if (!res.ok) {
+        fetching.value = false;
+        unknownUrl.value = true;
+        return;
+      }
+
+      return res.json();
+    })
+    .then((info: SummalyResult) => {
+      if(info == null) {
+        fetching.value = false;
+        unknownUrl.value = true;
+        return;
+      }
+
+      if (info.url == null) {
+        fetching.value = false;
+        unknownUrl.value = true;
+        return;
+      }
+
+      fetching.value = false;
+      unknownUrl.value = false;
+
+      title.value = info.title;
+      description.value = info.description;
+      thumbnail.value = info.thumbnail;
+      icon.value = info.icon;
+      sitename.value = info.sitename;
+      player.value = info.player;
+      sensitive.value = info.sensitive ?? false;
+    });
 
 function adjustTweetHeight(message: any) {
-	if (message.origin !== 'https://platform.twitter.com') return;
-	const embed = message.data?.['twttr.embed'];
-	if (embed?.method !== 'twttr.private.resize') return;
-	if (embed?.id !== embedId) return;
-	const height = embed?.params[0]?.height;
-	if (height) tweetHeight.value = height;
+  if (message.origin !== 'https://platform.twitter.com') return;
+  const embed = message.data?.['twttr.embed'];
+  if (embed?.method !== 'twttr.private.resize') return;
+  if (embed?.id !== embedId) return;
+  const height = embed?.params[0]?.height;
+  if (height) tweetHeight.value = height;
 }
 
 const openPlayer = (): void => {
-	os.popup(defineAsyncComponent(() => import('@/components/MkYouTubePlayer.vue')), {
-		url: requestUrl.href,
-	});
+  os.popup(defineAsyncComponent(() => import('@/components/MkYouTubePlayer.vue')), {
+    url: requestUrl.href,
+  });
 };
 
 (window as any).addEventListener('message', adjustTweetHeight);
 
 onUnmounted(() => {
-	(window as any).removeEventListener('message', adjustTweetHeight);
+  (window as any).removeEventListener('message', adjustTweetHeight);
 });
 </script>
 
 <style lang="scss" module>
 .player {
-	position: relative;
-	width: 100%;
+  position: relative;
+  width: 100%;
 }
 
 .disablePlayer {
-	position: absolute;
-	top: -1.5em;
-	right: 0;
-	font-size: 1em;
-	width: 1.5em;
-	height: 1.5em;
-	padding: 0;
-	margin: 0;
-	color: var(--fg);
-	background: rgba(128, 128, 128, 0.2);
-	opacity: 0.7;
-
-	&:hover {
-		opacity: 0.9;
-	}
+  position: absolute;
+  top: -1.5em;
+  right: 0;
+  font-size: 1em;
+  width: 1.5em;
+  height: 1.5em;
+  padding: 0;
+  margin: 0;
+  color: var(--fg);
+  background: rgba(128, 128, 128, 0.2);
+  opacity: 0.7;
+
+  &:hover {
+    opacity: 0.9;
+  }
 }
 
 .playerIframe {
-	height: 100%;
-	left: 0;
-	position: absolute;
-	top: 0;
-	width: 100%;
+  height: 100%;
+  left: 0;
+  position: absolute;
+  top: 0;
+  width: 100%;
 }
 
 .link {
-	position: relative;
-	display: block;
-	font-size: 14px;
-	box-shadow: 0 0 0 1px var(--divider);
-	border-radius: 8px;
-	overflow: clip;
-
-	&:hover {
-		text-decoration: none;
-		border-color: rgba(0, 0, 0, 0.2);
-
-		> .body > .header > .title {
-			text-decoration: underline;
-		}
-	}
-
-	&.compact {
-		> .body {
-			> .header .title, .text, .footer {
-				overflow: hidden;
-				white-space: nowrap;
-				text-overflow: ellipsis;
-			}
-		}
-	}
+  position: relative;
+  display: block;
+  font-size: 14px;
+  box-shadow: 0 0 0 1px var(--divider);
+  border-radius: 8px;
+  overflow: clip;
+
+  &:hover {
+    text-decoration: none;
+    border-color: rgba(0, 0, 0, 0.2);
+
+    > .body > .header > .title {
+      text-decoration: underline;
+    }
+  }
+
+  &.compact {
+    > .body {
+      > .header .title, .text, .footer {
+        overflow: hidden;
+        white-space: nowrap;
+        text-overflow: ellipsis;
+      }
+    }
+  }
 }
 
 .thumbnail {
-	position: absolute;
-	width: 100px;
-	height: 100%;
-	background-position: center;
-	background-size: cover;
-	background-color: var(--bg);
-	display: flex;
-	justify-content: center;
-	align-items: center;
-
-	& + .body {
-		left: 100px;
-		width: calc(100% - 100px);
-	}
+  position: absolute;
+  width: 100px;
+  height: 100%;
+  background-position: center;
+  background-size: cover;
+  background-color: var(--bg);
+  display: flex;
+  justify-content: center;
+  align-items: center;
+
+  & + .body {
+    left: 100px;
+    width: calc(100% - 100px);
+  }
 }
 
 .body {
-	position: relative;
-	box-sizing: border-box;
-	padding: 16px;
+  position: relative;
+  box-sizing: border-box;
+  padding: 16px;
 }
 
 .header {
-	margin-bottom: 8px;
+  margin-bottom: 8px;
 }
 
 .title {
-	margin: 0;
-	font-size: 1em;
+  margin: 0;
+  font-size: 1em;
 }
 
 .text {
-	margin: 0;
-	font-size: 0.8em;
+  margin: 0;
+  font-size: 0.8em;
 }
 
 .footer {
-	margin-top: 8px;
-	height: 16px;
+  margin-top: 8px;
+  height: 16px;
 }
 
 .siteIcon {
-	display: inline-block;
-	width: 16px;
-	height: 16px;
-	margin-right: 4px;
-	vertical-align: top;
+  display: inline-block;
+  width: 16px;
+  height: 16px;
+  margin-right: 4px;
+  vertical-align: top;
 }
 
 .siteName {
-	display: inline-block;
-	margin: 0;
-	color: var(--urlPreviewInfo);
-	font-size: 0.8em;
-	line-height: 16px;
-	vertical-align: top;
+  display: inline-block;
+  margin: 0;
+  color: var(--urlPreviewInfo);
+  font-size: 0.8em;
+  line-height: 16px;
+  vertical-align: top;
 }
 
 .action {
-	display: flex;
-	gap: 6px;
-	flex-wrap: wrap;
-	margin-top: 6px;
+  display: flex;
+  gap: 6px;
+  flex-wrap: wrap;
+  margin-top: 6px;
 }
 
 @container (max-width: 400px) {
-	.link {
-		font-size: 12px;
-	}
+  .link {
+    font-size: 12px;
+  }
 
-	.thumbnail {
-		height: 80px;
-	}
+  .thumbnail {
+    height: 80px;
+  }
 
-	.body {
-		padding: 12px;
-	}
+  .body {
+    padding: 12px;
+  }
 }
 
 @container (max-width: 350px) {
-	.link {
-		font-size: 10px;
-
-		&.compact {
-			> .thumbnail {
-				position: absolute;
-				width: 56px;
-				height: 100%;
-			}
-
-			> .body {
-				left: 56px;
-				width: calc(100% - 56px);
-				padding: 4px;
-
-				> .header {
-					margin-bottom: 2px;
-				}
-
-				> .footer {
-					margin-top: 2px;
-				}
-			}
-		}
-	}
-
-	.thumbnail {
-		height: 70px;
-	}
-
-	.body {
-		padding: 8px;
-	}
-
-	.header {
-		margin-bottom: 4px;
-	}
-
-	.footer {
-		margin-top: 4px;
-	}
-
-	.siteIcon {
-		width: 12px;
-		height: 12px;
-	}
+  .link {
+    font-size: 10px;
+
+    &.compact {
+      > .thumbnail {
+        position: absolute;
+        width: 56px;
+        height: 100%;
+      }
+
+      > .body {
+        left: 56px;
+        width: calc(100% - 56px);
+        padding: 4px;
+
+        > .header {
+          margin-bottom: 2px;
+        }
+
+        > .footer {
+          margin-top: 2px;
+        }
+      }
+    }
+  }
+
+  .thumbnail {
+    height: 70px;
+  }
+
+  .body {
+    padding: 8px;
+  }
+
+  .header {
+    margin-bottom: 4px;
+  }
+
+  .footer {
+    margin-top: 4px;
+  }
+
+  .siteIcon {
+    width: 12px;
+    height: 12px;
+  }
 }
 </style>
diff --git a/packages/frontend/src/components/custom/NeosUrlPreview.vue b/packages/frontend/src/components/custom/NeosUrlPreview.vue
index ad9b7ece37d0..fc972e2ef9e9 100644
--- a/packages/frontend/src/components/custom/NeosUrlPreview.vue
+++ b/packages/frontend/src/components/custom/NeosUrlPreview.vue
@@ -74,11 +74,11 @@ const defaultNeosWorldData = () => {
 	}
 }
 
-let neosButtonCopyText = $ref<string>("参加コードをコピー");
-let neosWorldButtonCopyText = $ref<string>("ワールドURLをコピー");
+let neosButtonCopyText = ref<string>("参加コードをコピー");
+let neosWorldButtonCopyText = ref<string>("ワールドURLをコピー");
 
-let neosSessionData = $ref<neosSessionData>(defaultNeosSessionData())
-let neosWorldData = $ref<neosWorldData>(defaultNeosWorldData())
+let neosSessionData = ref<neosSessionData>(defaultNeosSessionData())
+let neosWorldData = ref<neosWorldData>(defaultNeosWorldData())
 
 // neos customize
 const openNeosLink = () => {
diff --git a/packages/frontend/src/pages/neos/direct-upload.vue b/packages/frontend/src/pages/neos/direct-upload.vue
index 6a93e29bb123..8755318b3a6f 100644
--- a/packages/frontend/src/pages/neos/direct-upload.vue
+++ b/packages/frontend/src/pages/neos/direct-upload.vue
@@ -54,7 +54,7 @@ setTimeout(async () => {
 }, 1000);
 
 const post = async (id = null) => {
-	let postAccount = $ref<misskey.entities.UserDetailed | null>(null);
+	let postAccount = ref<misskey.entities.UserDetailed | null>(null);
 	let token = undefined;
 
 	if (postAccount) {
diff --git a/packages/frontend/src/widgets/WidgetKokolive.vue b/packages/frontend/src/widgets/WidgetKokolive.vue
index 97f8125a42a3..29d7a8a76c65 100644
--- a/packages/frontend/src/widgets/WidgetKokolive.vue
+++ b/packages/frontend/src/widgets/WidgetKokolive.vue
@@ -30,9 +30,9 @@ import * as os from "@/os.js";
 
 const name = 'kokolive';
 
-let showIframe = $ref(false);
+let showIframe = ref(false);
 const MOBILE_THRESHOLD = 500;
-const isMobile = $ref(deviceKind === 'smartphone' || window.innerWidth <= MOBILE_THRESHOLD);
+const isMobile = ref(deviceKind === 'smartphone' || window.innerWidth <= MOBILE_THRESHOLD);
 
 const openPlayer = (): void => {
   os.popup(defineAsyncComponent(() => import('@/components/MKIframe.vue')), {
@@ -130,14 +130,6 @@ function groupEventsByDate(events) {
 	return eventsByDate;
 }
 
-const getNeosEvent = async () => {
-	const result = await (await fetch(api)).json();
-
-	eventData.value = groupEventsByDate(result)
-	// eventData.value = result;
-	loaded.value = true;
-};
-getNeosEvent()
 
 setInterval(() => getNeosEvent(), 3 * 60 * 1000);
 
diff --git a/packages/frontend/src/widgets/WidgetNeosUserCount.vue b/packages/frontend/src/widgets/WidgetNeosUserCount.vue
index 9bb083c36e7b..1ce268dc48d1 100644
--- a/packages/frontend/src/widgets/WidgetNeosUserCount.vue
+++ b/packages/frontend/src/widgets/WidgetNeosUserCount.vue
@@ -50,7 +50,7 @@
 </template>
 
 <script lang="ts" setup>
-import { onUnmounted, ref, watch } from 'vue';
+import { computed, onUnmounted, ref, watch } from 'vue';
 import { useWidgetPropsManager, Widget, WidgetComponentEmits, WidgetComponentExpose, WidgetComponentProps } from './widget';
 import { GetFormResultType } from '@/scripts/form';
 import MkContainer from '@/components/MkContainer.vue';
@@ -91,10 +91,10 @@ const api = "https://statistics.kokoa.dev/v1/resonite/usercount";
 
 const r = 0.45;
 
-const allCount = $computed(() => ( userCountData.value.resonite_vr + userCountData.value.resonite_headless + userCountData.value.resonite_screen ) );
-const vrAngle = $computed(() => ( userCountData.value.resonite_vr / allCount ) * (Math.PI * (r * 2)));
-const desktopAngle = $computed(() => ( userCountData.value.resonite_screen / allCount ) * (Math.PI * (r * 2)));
-const headlessAngle = $computed(() => ( userCountData.value.resonite_headless / allCount ) * (Math.PI * (r * 2)));
+const allCount = computed(() => ( userCountData.value.resonite_vr + userCountData.value.resonite_headless + userCountData.value.resonite_screen ) );
+const vrAngle = computed(() => ( userCountData.value.resonite_vr / allCount.value ) * (Math.PI * (r * 2)));
+const desktopAngle = computed(() => ( userCountData.value.resonite_screen / allCount.value ) * (Math.PI * (r * 2)));
+const headlessAngle = computed(() => ( userCountData.value.resonite_headless / allCount.value ) * (Math.PI * (r * 2)));
 const getUserCount = async () => {
 	const result = await (await fetch(api)).json();
 	userCountData.value = result;