Что означает конструкция: const loadedPaths = new Set<string>();

Эта конструкция означает:
👉 создаётся пустое множество (Set) строк, которое будет хранить уникальные значения.

Разберём по частям 👇

---

Разбор строки

const loadedPaths = new Set<string>();

1️⃣ Set

Set — это встроенная структура данных в JavaScript.

Она:

• хранит уникальные значения

• не допускает дубликатов

• быстро проверяет наличие элемента

Пример:

const s = new Set();
s.add('/login');
s.add('/login');
console.log(s.size); // 1

---

2️⃣ <string>

Это TypeScript-тип.

Set<string>

означает:

• в Set можно положить только строки

• TypeScript будет ругаться, если положить число или объект

loadedPaths.add('/users'); // ✅
loadedPaths.add(123);      // ❌ ошибка TS

---

3️⃣ new Set()

Создаёт новый пустой Set.

На старте:

loadedPaths.size === 0

---

Зачем это обычно используют

🔹 Отслеживать уже обработанные маршруты

if (!loadedPaths.has(to.path)) {
  loadRoute(to.path)
  loadedPaths.add(to.path)
}

🔹 Не выполнять один и тот же код дважды

if (loadedPaths.has(key)) return

🔹 Кешировать результаты

loadedPaths.add('/profile')

---

Почему не массив (string[])

Set	Array
Гарантирует уникальность	Нужно проверять вручную
Быстро has()	Медленно includes()
Нет дубликатов	Легко ошибиться

---

В контексте vue-router (часто)

const loadedPaths = new Set<string>();

router.beforeEach((to) => {
  if (loadedPaths.has(to.path)) return

  loadedPaths.add(to.path)
  // динамическая загрузка роутов
})

---

Коротко

const loadedPaths = new Set<string>();
👉 хранилище уникальных строк, обычно для контроля «что уже было обработано»