@thunderstorefront/sdk/app/composables/state/useAuthToken.ts

Create Nuxt extendable layer with this GitHub template.

import type { Ref } from 'vue';

export interface UseAuthToken {
  token: Ref<string>;
  setAuthToken: (token: string | null) => void;
  removeAuthToken: () => void;
}

export function useAuthToken(): UseAuthToken {
  const authTokenKey = useRuntimeConfig().public.thunderSdk.authToken;
  const cookie = useCookie(authTokenKey);

  async function setAuthToken(tokenData: string | null): Promise<void> {
    cookie.value = tokenData;
  }

  async function removeAuthToken(): Promise<void> {
    cookie.value = null;
  }

  return {
    token: computed(() => cookie.value ?? ''),
    setAuthToken,
    removeAuthToken
  };
}