Can't use Pinia outside a component in js file

[Seyid-cmd]

I am migrating from vue 4.x to pinia , one of my file needs api key from store .
But i can make it work even if though i follow the Pinia documentation .
here is how i use pinia
// Repository.ts

import axios from "axios";

import { createPinia } from 'pinia'
import { useAuthStore } from '../stores/auth-store'
const pinia=createPinia();
let authStore = useAuthStore(pinia);
const baseURL = 'http://127.0.0.1:5678/res-api';

export default axios.create({
  baseURL,
  headers:{"Authorization":"Bearer " + authStore.getToken,
"Accept":"application/json"},
  
});

Expected result : to get the token from the store.

Console error

Uncaught ReferenceError: Cannot access 'useAuthStore' before initialization
    at Repository.ts:6:17
Note: this working inside a component 

[LuisMiguelFilipe]

You should only createPinia once. That is done in the main.ts file, usually.

I guess the error happens here because you did not do

app.use(pinia)

[dreambo8563]

you can use it in the request interceptor. @Seyid-cmd

import { useLoginUserStore } from "@/stores/loginUser";

const http = axios.create(axiosCreate);

http.interceptors.request.use(
  (config) => {
    if (config.headers) {
      const s = useLoginUserStore();
      const token = s.token;
      config.headers["Authorization"] ="Bearer " + token;
    }

    return config;
  },
  (error) => {
    Promise.reject(error);
  }
);