@inzombieland/nuxt-common 0.0.2 → 0.0.5

package/runtime/SidebarProvider.vue

@@ -0,0 +1,138 @@
+<script setup lang="ts">
+import { useSwipe, type UseSwipeDirection } from "@vueuse/core"
+import { onMounted, ref, watch } from "vue"
+import { useNuxtApp } from "#imports"
+import { useToggleSidebar } from "./composables/use-toggle-sidebar"
+
+const sidebarRef = ref<HTMLElement | null>(null)
+const contentRef = ref<HTMLElement | null>(null)
+const sidebarBackdropRef = ref<HTMLElement | null>(null)
+
+const sidebar = ref("hidden")
+const toggleSidebar = useToggleSidebar()
+const { $device } = useNuxtApp()
+const sidebarClass = ref({
+	sidebar: true,
+	"sidebar-open": sidebar.value === "open",
+	"sidebar-hidden": sidebar.value === "hidden",
+})
+const contentClass = ref({
+	content: true,
+	"sidebar-open": sidebar.value === "open",
+	"sidebar-hidden": sidebar.value === "hidden",
+})
+const sidebarBackdropClass = ref({
+	sidebarBackdrop: true,
+	"sidebar-open": sidebar.value === "open",
+	"sidebar-hidden": sidebar.value === "hidden",
+})
+
+watch(sidebar, value => {
+	sidebarClass.value["sidebar-open"] = value === "open"
+	sidebarClass.value["sidebar-hidden"] = value === "hidden"
+	contentClass.value["sidebar-open"] = value === "open"
+	contentClass.value["sidebar-hidden"] = value === "hidden"
+	sidebarBackdropClass.value["sidebar-open"] = value === "open"
+	sidebarBackdropClass.value["sidebar-hidden"] = value === "hidden"
+})
+
+onMounted(() => {
+	toggleSidebar.value = () => {
+		if (localStorage.sidebar === "hidden" || sidebarRef.value?.clientWidth === 0) {
+			localStorage.sidebar = "open"
+			sidebar.value = "open"
+		} else {
+			localStorage.sidebar = "hidden"
+			sidebar.value = "hidden"
+		}
+		return sidebar.value
+	}
+
+	useSwipe(sidebarRef, {
+		onSwipeEnd(e: TouchEvent, direction: UseSwipeDirection) {
+			if (direction === "left") {
+				localStorage.sidebar = "hidden"
+				sidebar.value = "hidden"
+			}
+		},
+	})
+
+	sidebarBackdropRef.value?.addEventListener(
+		"click",
+		() => {
+			sidebar.value = "hidden"
+		},
+		false
+	)
+
+	if ($device.desktop()) {
+		let timer: ReturnType<typeof setTimeout> | undefined
+
+		sidebarRef.value?.addEventListener(
+			"mouseover",
+			() => {
+				if (localStorage.sidebar === "hidden") {
+					clearTimeout(timer)
+					timer = setTimeout(function () {
+						sidebar.value = "open"
+					}, 200)
+				}
+			},
+			false
+		)
+
+		sidebarRef.value?.addEventListener(
+			"mouseleave",
+			() => {
+				if (localStorage.sidebar === "hidden") {
+					clearTimeout(timer)
+					timer = setTimeout(function () {
+						sidebar.value = "hidden"
+					}, 100)
+				}
+			},
+			false
+		)
+	}
+
+	if (sidebarRef.value) {
+		sidebarRef.value.style.transition = "width 0.25s ease"
+	}
+	if (contentRef.value) {
+		contentRef.value.style.transition = "left 0.25s ease"
+	}
+})
+
+if (typeof window !== "undefined" && $device.desktop()) {
+	sidebar.value = localStorage.sidebar === "hidden" ? "hidden" : "open"
+}
+</script>
+
+<template>
+	<div>
+		<aside
+			ref="sidebarRef"
+			:class="sidebarClass"
+		>
+			<div>
+				<slot name="sidebar" />
+			</div>
+		</aside>
+		<div
+			ref="contentRef"
+			:class="contentClass"
+		>
+			<div>
+				<slot name="content" />
+			</div>
+		</div>
+		<div
+			ref="sidebarBackdropRef"
+			:class="sidebarBackdropClass"
+		/>
+	</div>
+</template>
+
+<style scoped>
+.sidebar{height:100%;left:0;padding-top:48px;pointer-events:auto;position:fixed;top:0;transform:translateX(0);will-change:transform;z-index:20}.sidebar,.sidebar.sidebar-open{width:20rem}.sidebar.sidebar-hidden{transition:width .15s ease!important;width:0}.sidebar>div{background:var(--color-surface-container-low);box-shadow:inset -1px 0 0 var(--app-bar-border-color);height:100%;overflow-x:hidden;overflow-y:auto}.sidebar>div::-webkit-scrollbar-thumb{background-color:transparent}.sidebar>div:hover::-webkit-scrollbar-thumb{background-color:rgba(53,65,76,.4)}.sidebar>div:hover::-webkit-scrollbar-thumb:hover{background-color:rgba(53,65,76,.5)}.dark .sidebar>div:hover::-webkit-scrollbar-thumb{background-color:hsla(0,0%,100%,.4)}.dark .sidebar>div:hover::-webkit-scrollbar-thumb:hover{background-color:hsla(0,0%,100%,.5)}.content{bottom:0;pointer-events:auto;position:absolute;right:0;top:0;transform:translateX(0);will-change:transform;z-index:10}.content,.content.sidebar-open{left:20rem}.content.sidebar-hidden{left:0;transition:left .15s ease!important}.content>div{bottom:0;left:0;overflow-y:auto;position:absolute;right:0;top:0;-webkit-overflow-scrolling:auto}.sidebarBackdrop{background-color:#37415180;bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:10}.dark .sidebarBackdrop{background-color:#21273070}@media (max-width:767px){.sidebar{width:0}.sidebar.sidebar-open{width:20rem}.sidebar.sidebar-hidden{width:0}.content,.content.sidebar-hidden,.content.sidebar-open{left:0}.sidebarBackdrop.sidebar-open{display:block}.sidebarBackdrop.sidebar-hidden{display:none}}
+</style>

package/runtime/api/account/account.get.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("h3").EventHandler<import("h3").EventHandlerRequest, Promise<unknown>>;
+export default _default;

package/runtime/api/account/account.get.mjs

@@ -0,0 +1,19 @@
+import { defineEventHandler, getRequestHeader, parseCookies } from "h3";
+import { useRuntimeConfig } from "#imports";
+export default defineEventHandler(async (event) => {
+  const cookies = parseCookies(event);
+  if (cookies.lin !== "yes") {
+    return {};
+  }
+  const config = useRuntimeConfig();
+  const request = String(config.public.apiBaseURL) + String(event.node.req.url);
+  const authorization = getRequestHeader(event, "authorization") ?? "";
+  try {
+    const response = await $fetch.raw(request, {
+      headers: { ...event.context.headers, authorization }
+    });
+    return response._data;
+  } catch (error) {
+    return error;
+  }
+});

package/runtime/api/account/authcheck.get.d.ts

@@ -0,0 +1,8 @@
+declare const _default: import("h3").EventHandler<import("h3").EventHandlerRequest, Promise<{
+    token?: undefined;
+    user?: undefined;
+} | {
+    token: string;
+    user: {};
+}>>;
+export default _default;

package/runtime/api/account/authcheck.get.mjs

@@ -0,0 +1,28 @@
+import { defineEventHandler, parseCookies } from "h3";
+import { useRuntimeConfig } from "#imports";
+export default defineEventHandler(async (event) => {
+  const cookies = parseCookies(event);
+  if (cookies.lin !== "yes") {
+    return {};
+  }
+  const config = useRuntimeConfig();
+  const request = String(config.public.apiBaseURL) + String(event.node.req.url);
+  try {
+    const response = await $fetch(request, {
+      headers: event.context.headers
+    });
+    const { AccessToken: token } = response || {};
+    if (!token) {
+      return {};
+    }
+    const user = await $fetch(`${config.public.apiBaseURL}/account`, {
+      headers: { ...event.context.headers, authorization: `JWT ${token}` }
+    });
+    if (!user) {
+      return {};
+    }
+    return { token, user };
+  } catch {
+    return {};
+  }
+});

package/runtime/api/account/default-handler.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("h3").EventHandler<import("h3").EventHandlerRequest, Promise<any>>;
+export default _default;

package/runtime/api/account/default-handler.mjs

@@ -0,0 +1,37 @@
+import { cookieHelper } from "@asvate/nuxt-common/helpers";
+import { appendHeader, defineEventHandler, readBody } from "h3";
+import { useRuntimeConfig } from "#imports";
+export default defineEventHandler(async (event) => {
+  const config = useRuntimeConfig();
+  const request = String(config.public.apiBaseURL) + String(event.node.req.url);
+  try {
+    const body = await readBody(event);
+    const response = await $fetch.raw(request, {
+      body,
+      method: event.node.req.method,
+      headers: event.context.headers
+    });
+    appendResponseHeaders(response.headers);
+    return response._data;
+  } catch (error) {
+    appendResponseHeaders(error?.response?.headers);
+    return error;
+  }
+  function appendResponseHeaders(headers) {
+    if (typeof headers?.get !== "function") {
+      return;
+    }
+    const cookies = cookieHelper.splitCookiesString(headers.get("set-cookie") ?? "");
+    for (const cookie of cookies) {
+      appendHeader(event, "set-cookie", cookie);
+    }
+    const requestID = headers.get("x-request-id");
+    if (requestID) {
+      appendHeader(event, "x-request-id", requestID);
+    }
+    const traceID = headers.get("x-trace-id");
+    if (traceID) {
+      appendHeader(event, "x-trace-id", traceID);
+    }
+  }
+});

package/runtime/api/account/middleware.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("h3").EventHandler<import("h3").EventHandlerRequest, void>;
+export default _default;

package/runtime/api/account/middleware.mjs

@@ -0,0 +1,18 @@
+import { defineEventHandler, getRequestHeader } from "h3";
+import { useRuntimeConfig } from "#imports";
+export default defineEventHandler((event) => {
+  const config = useRuntimeConfig();
+  let authorization = "";
+  if (import.meta.server && String(config.appClientID) && String(config.appClientSecret)) {
+    const credentials = btoa(`${config.appClientID}:${config.appClientSecret}`);
+    authorization = `Basic ${credentials}`;
+  }
+  event.context.headers = {
+    ...authorization && { authorization },
+    cookie: getRequestHeader(event, "cookie") ?? "",
+    platform: getRequestHeader(event, "platform") ?? "",
+    visitor: getRequestHeader(event, "visitor") ?? "",
+    "x-hostname": getRequestHeader(event, "x-hostname") ?? "",
+    "user-agent": getRequestHeader(event, "user-agent") ?? ""
+  };
+});

package/runtime/api/account/token.get.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("h3").EventHandler<import("h3").EventHandlerRequest, Promise<unknown>>;
+export default _default;

package/runtime/api/account/token.get.mjs

@@ -0,0 +1,31 @@
+import { cookieHelper } from "@asvate/nuxt-common/helpers";
+import { appendHeader, defineEventHandler, parseCookies } from "h3";
+import { useRuntimeConfig } from "#imports";
+export default defineEventHandler(async (event) => {
+  const cookies = parseCookies(event);
+  if (cookies.lin !== "yes") {
+    return {};
+  }
+  const config = useRuntimeConfig();
+  const request = String(config.public.apiBaseURL) + String(event.node.req.url);
+  try {
+    const response = await $fetch.raw(request, {
+      headers: event.context.headers
+    });
+    const cookies2 = cookieHelper.splitCookiesString(response.headers.get("set-cookie") ?? "");
+    for (const cookie of cookies2) {
+      appendHeader(event, "set-cookie", cookie);
+    }
+    const requestID = response.headers.get("x-request-id");
+    if (requestID) {
+      appendHeader(event, "x-request-id", requestID);
+    }
+    const traceID = response.headers.get("x-trace-id");
+    if (traceID) {
+      appendHeader(event, "x-trace-id", traceID);
+    }
+    return response._data;
+  } catch (error) {
+    return error;
+  }
+});

package/runtime/api/index.d.ts

@@ -0,0 +1,37 @@
+import { type Fetch } from "../packages/api";
+export { type ActiveSession, type Fetch, type User, type Visitor } from "../packages/api";
+export { getVisitor, getVisitorId, useUser } from "../packages/api";
+export declare const config: {
+    apiBaseURL: string;
+    cometServerURL: string;
+    appClientID: string;
+    appClientSecret: string;
+    isMobileApp: boolean;
+    isDesktopApp: boolean;
+    appName: string;
+    getHostname: () => string;
+    getDevice: () => Promise<any>;
+    useRequestHeaders: (include?: string[]) => {
+        baseURL: string;
+        headers: {
+            [x: Lowercase<string>]: string | undefined;
+        };
+    };
+};
+declare const fetch: Fetch, getUser: () => Promise<{
+    token?: string | null;
+    user?: import("src/runtime/packages/api/use-user").User | null;
+}>, getVisitorIdentifier: () => Promise<void>, useApiFetch: () => Fetch, userActions: {
+    signIn: (body: {
+        username: string;
+        password: string;
+        rememberMe: boolean;
+    }) => Promise<{
+        token?: string | null;
+        user?: import("src/runtime/packages/api/use-user").User | null;
+    } | {
+        key: string;
+    }>;
+    logout: () => Promise<void>;
+};
+export { fetch, getUser, getVisitorIdentifier, useApiFetch, userActions };

package/runtime/api/index.mjs

@@ -0,0 +1,26 @@
+import { useNuxtApp, useRequestHeaders, useRequestURL } from "#imports";
+import { initApiFetch } from "../packages/api/index.mjs";
+export { getVisitor, getVisitorId, useUser } from "../packages/api/index.mjs";
+const getBoolean = (value) => value === "true";
+export const config = {
+  apiBaseURL: String(import.meta.env.VITE_API_BASE_URL),
+  cometServerURL: String(import.meta.env.VITE_COMET_SERVER_URL),
+  appClientID: String(import.meta.env.VITE_APP_CLIENT_ID),
+  appClientSecret: String(import.meta.env.VITE_APP_CLIENT_SECRET),
+  isMobileApp: getBoolean(import.meta.env.VITE_IS_MOBILE_APP),
+  isDesktopApp: getBoolean(import.meta.env.VITE_IS_DESKTOP_APP),
+  appName: String(import.meta.env.VITE_APP_NAME),
+  getHostname: () => useRequestURL().hostname,
+  getDevice: async () => {
+    const { $device } = useNuxtApp();
+    return await $device.getInfo();
+  },
+  useRequestHeaders: (include = []) => {
+    return {
+      baseURL: "/",
+      headers: useRequestHeaders(include)
+    };
+  }
+};
+const { fetch, getUser, getVisitorIdentifier, useApiFetch, userActions } = initApiFetch($fetch, config);
+export { fetch, getUser, getVisitorIdentifier, useApiFetch, userActions };

package/runtime/api/user-actions.d.ts

@@ -0,0 +1,118 @@
+import { type ActiveSession } from "./index";
+export declare const signIn: (body: {
+    username: string;
+    password: string;
+    rememberMe: boolean;
+}) => Promise<{
+    token?: string | null;
+    user?: import("src/runtime/packages/api").User | null;
+} | {
+    key: string;
+}>;
+export declare const logout: () => Promise<void>;
+export declare const signInByCodeSendCode: (body: {
+    username: string;
+}) => Promise<{
+    key: string;
+}>;
+export declare const signInByCodeVerifyCode: (body: {
+    key: string;
+    code: string;
+    rememberMe?: boolean;
+}) => Promise<{
+    token?: string | null;
+    user?: import("src/runtime/packages/api").User | null;
+}>;
+export declare const signUp: (body: {
+    email: string;
+    password: string;
+    passwordConfirm: string;
+}) => Promise<{
+    key: string;
+}>;
+export declare const confirmEmail: (body: {
+    key: string;
+    code: string;
+}) => Promise<{}>;
+export declare const resendActivationEmail: (body: {
+    email: string;
+}) => Promise<{
+    key: string;
+}>;
+export declare const recovery: (body: {
+    email: string;
+}) => Promise<{
+    key: string;
+}>;
+export declare const confirmRecovery: (body: {
+    key: string;
+    code: string;
+}) => Promise<{
+    key: string;
+}>;
+export declare const resetPassword: (body: {
+    key: string;
+    password: string;
+}) => Promise<{}>;
+export declare const changeName: (body: {
+    firstName: string;
+    lastName: string;
+    middleName: string;
+}) => Promise<void>;
+export declare const changeBirthday: (body: {
+    day?: number;
+    month?: number;
+    year?: number;
+}) => Promise<void>;
+export declare const changeGender: (body: {
+    gender: "" | "male" | "female";
+}) => Promise<void>;
+export declare const changePassword: (body: {
+    password: string;
+    newPassword: string;
+}) => Promise<{
+    key: string;
+}>;
+export declare const confirmPasswordChange: (body: {
+    key: string;
+    code: string;
+    newPassword?: string;
+}) => Promise<void>;
+export declare const changeEmail: (body: {
+    email: string;
+    password: string;
+}) => Promise<{
+    key: string;
+}>;
+export declare const confirmEmailChange: (body: {
+    key: string;
+    code: string;
+    email?: string;
+}) => Promise<void>;
+export declare const changePhone: (body: {
+    phone: string;
+    password: string;
+}) => Promise<void>;
+export declare const changeTheme: (body: {
+    theme: "light" | "dark";
+}) => Promise<void>;
+export declare const changeLocale: (body: {
+    locale: string;
+}) => Promise<void>;
+export declare const changeAvatar: (body: FormData) => Promise<void>;
+export declare const deleteAvatar: () => Promise<void>;
+export declare const fetchActiveSessions: () => Promise<{
+    sessions: ActiveSession[];
+}>;
+export declare const logoutActiveSession: (body: {
+    sessionId: string;
+    visitorId: string;
+}) => Promise<any>;
+export declare const logoutFromAllActiveSessions: () => Promise<any>;
+export declare const deleteAccount: () => Promise<{
+    key: string;
+}>;
+export declare const confirmDeleteAccount: (body: {
+    key: string;
+    code: string;
+}) => Promise<void>;

package/runtime/api/user-actions.mjs

@@ -0,0 +1,165 @@
+import { useLocalStorage } from "@vueuse/core";
+import { useCookie, useRequestHeaders } from "#imports";
+import { flush, setToken, updateUser } from "../packages/api/api-client.mjs";
+import { fetch, getUser, userActions, useUser } from "./index.mjs";
+export const signIn = userActions.signIn;
+export const logout = userActions.logout;
+export const signInByCodeSendCode = async (body) => {
+  return await fetch("/account/0/signinbycode/sendcode", {
+    body,
+    method: "POST",
+    baseURL: "/",
+    headers: useRequestHeaders(["cookie"])
+  });
+};
+export const signInByCodeVerifyCode = async (body) => {
+  const response = await fetch("/account/0/signinbycode/verifycode", {
+    body,
+    method: "POST",
+    baseURL: "/",
+    headers: useRequestHeaders(["cookie"])
+  });
+  const { accessToken, ...rest } = response;
+  if (!accessToken) {
+    throw rest;
+  }
+  setToken(accessToken);
+  return await getUser();
+};
+export const signUp = async (body) => {
+  return await fetch("/account/0/signup", {
+    body,
+    method: "POST",
+    baseURL: "/",
+    headers: useRequestHeaders(["cookie"])
+  });
+};
+export const confirmEmail = async (body) => {
+  return await fetch("/account/0/signup", {
+    body,
+    method: "PUT",
+    baseURL: "/",
+    headers: useRequestHeaders(["cookie"])
+  });
+};
+export const resendActivationEmail = async (body) => {
+  return await fetch("/account/0/signup", {
+    body,
+    method: "PATCH",
+    baseURL: "/",
+    headers: useRequestHeaders(["cookie"])
+  });
+};
+export const recovery = async (body) => {
+  return await fetch("/account/0/recovery", {
+    body,
+    method: "POST",
+    baseURL: "/",
+    headers: useRequestHeaders(["cookie"])
+  });
+};
+export const confirmRecovery = async (body) => {
+  return await fetch("/account/0/recovery", {
+    body,
+    method: "PATCH",
+    baseURL: "/",
+    headers: useRequestHeaders(["cookie"])
+  });
+};
+export const resetPassword = async (body) => {
+  return await fetch("/account/0/recovery", {
+    body,
+    method: "PUT",
+    baseURL: "/",
+    headers: useRequestHeaders(["cookie"])
+  });
+};
+export const changeName = async (body) => {
+  await fetch("/account/1/change/name", {
+    body,
+    method: "POST",
+    headers: { event: "WS.ChangeNameResult" }
+  });
+  updateUser(body);
+};
+export const changeBirthday = async (body) => {
+  await fetch("/account/1/change/birthday", { body, method: "POST" });
+  const { year, month, day } = body;
+  if (year && month && day) {
+    const birthday = /* @__PURE__ */ new Date();
+    birthday.setUTCFullYear(year, month - 1, day);
+    birthday.setUTCHours(0, 0, 0, 0);
+    updateUser({ birthday });
+  }
+};
+export const changeGender = async (body) => {
+  await fetch("/account/1/change/gender", { body, method: "POST" });
+  updateUser(body);
+};
+export const changePassword = async (body) => {
+  return await fetch("/account/1/change/password", { body, method: "POST" });
+};
+export const confirmPasswordChange = async (body) => {
+  await fetch("/account/1/change/password", { body, method: "PUT" });
+  updateUser({ passwordLastSet: /* @__PURE__ */ new Date() });
+};
+export const changeEmail = async (body) => {
+  return await fetch("/account/1/change/email", { body, method: "POST" });
+};
+export const confirmEmailChange = async (body) => {
+  await fetch("/account/1/change/email", { body, method: "PUT" });
+  updateUser({ email: body.email });
+};
+export const changePhone = async (body) => {
+  await fetch("/account/1/change/phone", { body, method: "POST" });
+  updateUser({ phone: body.phone });
+};
+export const changeTheme = async (body) => {
+  const user = useUser();
+  if (user.value) {
+    await fetch("/account/1/change/theme", { body, method: "POST" });
+    updateUser(body);
+  }
+  if (typeof window !== "undefined") {
+    const theme = useLocalStorage("theme", "light");
+    theme.value = body.theme;
+  }
+};
+export const changeLocale = async (body) => {
+  const user = useUser();
+  if (user.value) {
+    await fetch("/account/1/change/locale", { body, method: "POST" });
+    updateUser(body);
+  }
+  if (typeof window !== "undefined") {
+    const localeCookie = useCookie("locale", { maxAge: 60 * 60 * 24 * 365 });
+    localeCookie.value = body.locale;
+    const locale = useLocalStorage("locale", "en");
+    locale.value = body.locale;
+  }
+};
+export const changeAvatar = async (body) => {
+  const { avatar } = await fetch("/account/1/upload/avatar", { body, method: "POST" });
+  updateUser({ avatar });
+};
+export const deleteAvatar = async () => {
+  const user = useUser();
+  await fetch("/account/1/delete/avatar", { body: { avatar: user.value?.avatar }, method: "DELETE" });
+  updateUser({ avatar: "" });
+};
+export const fetchActiveSessions = async () => {
+  return await fetch("/account/1/sessions");
+};
+export const logoutActiveSession = async (body) => {
+  return await fetch("/account/1/logout/session", { body, method: "POST" });
+};
+export const logoutFromAllActiveSessions = async () => {
+  return await fetch("/account/1/logout/sessions", { method: "POST" });
+};
+export const deleteAccount = async () => {
+  return await fetch("/account/1/delete", { method: "POST" });
+};
+export const confirmDeleteAccount = async (body) => {
+  await fetch("/account/1/delete", { body, method: "PUT" });
+  flush();
+};

package/runtime/composables/use-active-sessions.d.ts

@@ -0,0 +1,5 @@
+import { type Ref } from "vue";
+import type { ActiveSession } from "../packages/api";
+export declare const useActiveSessions: () => Ref<ActiveSession[]>;
+declare const _default: () => Ref<ActiveSession[], ActiveSession[]>;
+export default _default;

package/runtime/composables/use-active-sessions.mjs

@@ -0,0 +1,15 @@
+import { onMounted } from "vue";
+import { useState } from "#imports";
+import { useUserActions } from "./use-user-actions.mjs";
+export const useActiveSessions = () => useState("activeSessions", () => []);
+export default () => {
+  const { fetchActiveSessions } = useUserActions();
+  const activeSessions = useActiveSessions();
+  onMounted(async () => {
+    if (activeSessions.value.length === 0) {
+      const data = await fetchActiveSessions();
+      activeSessions.value = data?.sessions ?? [];
+    }
+  });
+  return activeSessions;
+};

package/runtime/composables/use-api-fetch.d.ts

@@ -0,0 +1,3 @@
+import { useApiFetch } from "../api";
+export { useApiFetch };
+export default useApiFetch;