Feature/kick

src/site/kick.com/KickSite.vue

@@ -12,11 +12,12 @@ import { defineAsyncComponent, provide } from "vue";
 import { useStore } from "@/store/main";
 import { SITE_CURRENT_PLATFORM } from "@/common/Constant";
 import { useActor } from "@/composable/useActor";
+import { useCookies } from "@/composable/useCookies";
 import { getModule } from "@/composable/useModule";
 import { useSettings } from "@/composable/useSettings";
 import { useUserAgent } from "@/composable/useUserAgent";
-import { useApp } from "./composable/useApp";
-import { usePinia } from "./composable/usePinia";
+// import { useApp } from ".x/composable/useApp";
+import { useUserdata } from "./composable/useUserdata";
 import { KickModuleID } from "@/types/kick.module";
 
 const ModuleWrapper = defineAsyncComponent(() => import("@/site/global/ModuleWrapper.vue"));
@@ -31,27 +32,13 @@ store.setPlatform("KICK", ["7TV"], []);
 
 document.body.setAttribute("seventv-kick", "true");
 
-const app = useApp();
-const user = usePinia<{
-	user: {
-		id: number;
-		username: string;
-		bio: string;
-		email: string;
-		streamer_channel: {
-			slug: string;
-		};
-		discord?: string;
-		facebook?: string;
-		twitter?: string;
-		youtube?: string;
-		tiktok?: string;
-		instagram?: string;
-	};
-}>(app, "user");
+const cookies = useCookies();
+const auth = cookies.get("XSRF-TOKEN");
+
+const user = auth ? await useUserdata(auth) : null;
 
 if (user) {
-	const updateIdentity = (data: typeof user.$state.user) => {
+	const updateIdentity = (data: typeof user) => {
 		if (!data || !data.id) return;
 
 		store.setIdentity("KICK", {
@@ -71,10 +58,7 @@ if (user) {
 		actor.setPlatformUserID("KICK", data.id.toString());
 	};
 
-	user.$subscribe(() => {
-		updateIdentity(user.$state.user);
-	});
-	updateIdentity(user.$state.user);
+	updateIdentity(user);
 }
 
 provide(SITE_CURRENT_PLATFORM, "KICK");

src/site/kick.com/composable/useUserdata.ts

@@ -0,0 +1,24 @@
+export async function useUserdata(auth: string): Promise<{
+	id: number;
+	username: string;
+	bio: string;
+	email: string;
+	streamer_channel: {
+		slug: string;
+	};
+	discord?: string;
+	facebook?: string;
+	twitter?: string;
+	youtube?: string;
+	tiktok?: string;
+	instagram?: string;
+}> {
+	const data = await fetch("https://kick.com/api/v1/user", {
+		headers: {
+			"X-XSRF-TOKEN": auth,
+		},
+		method: "GET",
+	});
+
+	return await data.json();
+}