Используемые инструменты в проекте

CSS Framework

В проекте используется TailwindCSS v4 версии.

Работа с inline-class стилями

<template>
    <div class="text-3xl font-bold">
        Привет, мир!
    </div>
</template>

Работа с директивами

Как указано в документации для работы с директивами надо будет вставлять следующий код:

<style>
    @reference "tailwindcss/theme";
    
    .element {
        @apply text-2xl bg-red-500;
    }
</style>

Axios

Конфиги axios лежат в пути проекта @/configs/Axios.ts. Пример использования:

import { DefaultApi } from '@/configs/Axios.ts'

export default class newRepository extends DefaultApi implements INewRepository {
    async getList(payload?: IGetListPayload):Promise<IGetListResponse> {
        return await this.api.get('https://getlist.com', {
            ...(payload && { params: payload })
        })
    }
}

I18n

Интернационализация и роутинг проекта работает через плагин: Vue Language Router

То где лежат глобальные переводы

.
└─ src
   └─ locales
      ├─ en.json // Словарь английского языка
      ├─ ru.json // Словарь русского языка
      ├─ kk.json // Словарь казахского языка на кирилице
      └─ qq.json // Словарь казахского языка на латинице

То где лежат роуты

.
└─ src
   └─ references
      └─ routes.ts // Экспортируется массив routes