Как получить значение переменной одного файла в другом javascript файле?

Question

[postya]

Имеется vue компонент MyComponent.vue, в котором есть переменная, значение её постоянно меняется
Имеется обычный javascript файл CategoryService.js, в котором расписаны методы для axios, этот файл - некий слой service, который я уже потом импортирую в нужном компоненте и использую методы axios.

Мне нужно, чтобы в этот файл каким-либо образом попала переменная из компонента. Мне нужно получить значение этйо переменной. Все url'ы в этом файле динамичные и они будут отталкиваться от значение этйо переменной

Этот файл CategoryService.js не компонент, а обычный javascript file

Как получить эту переменную?

Вот,что я попытался сделать, но переменная categoryNumber - undefined:

MyComponent.vue:

<script>
export default {
data() {
return {
categoryNumber: 1
   }
  }
}
</script>

CategoryService.js:

import http from "../../../http-common";

let category = "category1";

if (this.categoryNumber === 1) {
	category = "category1";
} else if (this.categoryNumber === 2) {
	category = "category2";
}

class CategoryService {
	get(id) {
		return http.get(`/${category}/${id}`);
	}

	update(id, data) {
		return http.put(`/${category}/${id}`, data);
	}

	create(data) {
		return http.post(`/${category}`, data);
	}

	delete(id) {
		return http.delete(`/${category}/${id}`);
	}

	getAll() {
		return http.get(`/${category}/all`);
	}
}

export default new CategoryService();