Тестовое задание

Написать приложение на vue.js (версии 2 или 3) для вывода дерева папок и файлов с возможностью редактирования названия и удаления элементов. Для хранения состояния использовать vuex (либо аналогичный инструмент).

Примерный макет

https://files-cdn.anketolog.ru/2022/05/04/8bd33946254db05e220493913d33e170.png

Исходная структура данных

 - Dir 1
 -- Dir 1-1
 --- File 1-1-1
 -- File 1-2
 - Dir 2
 -- Dir 2-1
 -- File 2-2
 - File 2

Структура элемента дерева

{
    "id": uniqueIdentifier, // ID элемента
    "name": string,         // название элемента
    "isFile": boolean,      // признак файла
    "childs": array         // массив вложенных элементов
}

DEMO

https://tree.romanpalmin.com/

TODO list

• Реализовать модальное окно удаления и переименования элемента дерева;
• Реализовать ограничения на длину имени элемента;
• Реализовать проверку на уникальность имени.