How to add a plugin in vuejs similar to nuxt?

Question

Vue.js

Found an example plugin for nuxt.js

export default function ({ $axios, redirect, store }) {
    $axios.interceptors.request.use(request => {
        if (store.getters['auth/isAuthenticated'] &&
            !request.headers.common.Authorization
        ) {
            const token = store.getters['auth/getToken']
            request.headers.common.Authorization = `Bearer ${token}`
        }
        
        return request
    })

    $axios.onError(error => {
        if (error.response) {
            if (error.response.status === 401) {
                redirect('/admin/login?message=session')
                store.dispatch('auth/logout')
            }

            if (error.response.status === 500) {
                console.error('server internal error')
            }
        }
    })
}

How to connect axios in vuejs to also implement the plugin? I tried to do it like this, but the linter complains about cyclic dependencies.

import axios from 'axios';
import store from '@/store';

const client = axios.create({
    baseURL: 'http://localhost:3000',
    timeout: 5000,
});

client.interceptors.request.use(request => {
    if (store.getters['auth/isAuth'] && !request.headers.common.Authorization) {
        const token = store.getters['auth/getToken'];
        request.headers.common.Authorization = `Bearer ${token}`;
    }

    return request;
});

export default client;

Answer 1

On the documentation page VueJS - Plugins , it is written in detail