Problema con ciclo de dependencia via en Vue.js

Tengo un problema con un error de linting en un proyecto vue.js. El error que obtengo se ve así:

/Users/mikecuddy/Desktop/coding/data_science_projects/statues/client/src/store/modules/common.js
   4:1  error    Dependency cycle via @/store/index:4  import/no-cycle

No tengo idea de cómo deshacerme de este error. Intenté cambiar los nombres de los archivos, usar this.$router y this.$store, pero no tuve suerte. Aquí está parte de mi código:

router -> index.js:

La ruta de datos es la principal a la que quiero acceder. Observa que los archivos de importación de almacenamiento están comentados, eso hace que se deshaga el error de dependencia, pero luego tengo problemas al hacer algo así:

this.$store.state.common.loginFlag

en lugar de importar el almacenamiento y hacer esto:

store.state.common.loginFlag

import Vue from 'vue';
import VueRouter from 'vue-router';
// import store from '../store/index.js';
// import store from '@/store/index';
import Home from '../views/Home.vue';

Vue.use(VueRouter);

const routes = [
  {
    path: '/data',
    name: 'Data',
    component: () => import('../views/Data.vue'),
    beforeEnter: (to, from, next) => {
      if (this.$store.state.common.loginFlag === false) {
        next('/login');
      } else {
        next();
      }
    },
    beforeRouteLeave: (to, from, next) => {
      if (this.$store.state.common.loginFlag === false) {
        next('/login');
      } else {
        next();
      }
    },
  },
];

const router = new VueRouter({
  routes,
});

export default router;

store/modules/common.js:

import Vue from 'vue';
import Vuex from 'vuex';
import axios from 'axios';
import router from '../../router';

Vue.use(Vuex);

const data = {
  userNotFound: false,
  passwordNoMatch: false,
  loginFlag: false,
};

const getters = {
  userNotFound: (state) => state.userNotFound,
  passwordNoMatch: (state) => state.passwordNoMatch,
  loginFlag: (state) => state.loginFlag,
};

const actions = {

login: ({ commit }, { payload }) => {
    const path = 'http://localhost:5000/login';
    axios.post(path, payload)
      .then((res) => {
        if (res.data.login<em>flag) {
          commit('session/setUserObject', res.data.user, { root: true });
          commit('setLoginFlag', res.data.login</em>flag);
          // Intenté esto:
          router.push { name: 'Data' }
          // También intenté esto:
          this.$router.push({ name: 'Data' });
        }
        commit('setNoPasswordMatch', res.data.Password<em>no</em>match);
        commit('setUserNotFound', res.data.Not_found);
      })
      .catch((error) => {
        console.log(error);
      });
  },
};

const mutations = {}

export default {
  namespaced: true,
  state: data,
  getters,
  actions,
  mutations,
};

En el archivo common.js intenté comentar:

import router from '../../router';

y eso pareció funcionar, desapareció el error de dependencia y en el archivo router/index.js pude llegar a la ruta, pero tuve un problema con this.$store.state.common.loginFlag cuando comenté import store from '@/store/index';. Si dejo la importación de import store from '@/store/index';, entonces obtengo el error de ciclo de dependencia.

También encontré ayuda en estas otras páginas de Stack:

https://stackoverflow.com/questions/69666397/typeerror-cannot-read-properties-of-undefined-reading-router-vuejs

https://stackoverflow.com/questions/51094117/dependency-cycle-detected-import-no-cycle

Debo decir que odio usar linters y eso es lo que me está dando problemas aquí.

Aquí está el código para store/index.js:

import Vue from 'vue';
import Vuex from 'vuex';
import common from './modules/common';
import session from './modules/session';

Vue.use(Vuex);

export default new Vuex.Store({
  modules: {
    common,
    session,
  },
});