diff --git a/test_data.json b/test_data.json
new file mode 100644
index 0000000..0623429
--- /dev/null
+++ b/test_data.json
@@ -0,0 +1,9 @@
+{
+    "title": "Higurashi no Naku Koro ni. Console-exclusive Arcs (Когда плачут цикады. Эксклюзивные главы)",
+    "description": "Эксклюзивные главы для консольных версий \"Higurashi no Naku Koro ni\". Главы рекомендуется читать после ознакомления с оригинальными главами.\n\nUPD: На данный момент переведены: Taraimawashi, Tsukiotoshi, Hajisarashi, Miotsukushi и Материалы полиции\n\nОписание глав:\n\nTaraimawashi - Альтернативная первая глава, на первый взгляд — это дополнение к арке \"Вопросов\", пересказ Onikakushi-hen. Тем не менее, эта глава на самом деле содержит события Watanagashi-hen.\nУзнав секреты Хинамидзавы, Кейти решает игнорировать всё и наслаждаться мирной школьной жизнью.\nTsukiotoshi - Оригинальная консольная глава, которая является развилкой для третьей главы \"Tatarigoroshi\".\nДядя Сатоко приезжает в Хинамидзаву, и Кейти решает найти союзников, чтобы помочь Сатоко. Возможно, \"худший\" из миров, где на кубиках выпали одни \"единицы.\"\nHajisarashi - одним жарким днём Рика и её друзья идут в бассейн.\nMiotsukushi - альтернативная концовка всей оригинальной серии.\nМатериалы полиции - краткие истории по длине равных TIPS, которые немного раскрывают Оиши и Акасаку..[/i]",
+    "time_to_read": 4,
+    "genres": [ "Драма", "Хоррор", "Детектив", "Мистика", "Повседневность" ],
+    "tags": [ "Иностранный разработчик", "Несколько главных героев" ],
+    "badges": [ "Лучшее" ],
+    "pub_date": "2024-04-13T08:30:00Z"
+}
\ No newline at end of file
diff --git a/vnshed/src/lib/components/add_button.svelte b/vnshed/src/lib/components/add_button.svelte
index 2d12f4c..70ae0dc 100644
--- a/vnshed/src/lib/components/add_button.svelte
+++ b/vnshed/src/lib/components/add_button.svelte
@@ -1,7 +1,5 @@
-<script>
-    import { makeid } from "$lib/functions.js"
+<script lang="ts">
     const { handler } = $props();
-    let id = makeid(8);
 </script>
 
 <button class="plus round" onclick={handler}>+</button>
\ No newline at end of file
diff --git a/vnshed/src/lib/components/create_button.svelte b/vnshed/src/lib/components/create_button.svelte
index fa52e37..6ff86f7 100644
--- a/vnshed/src/lib/components/create_button.svelte
+++ b/vnshed/src/lib/components/create_button.svelte
@@ -1,5 +1,5 @@
 <!-- Кнопка "Создать" -->
-<script>
+<script lang="ts">
     let { onclick } = $props();
 </script>
 
diff --git a/vnshed/src/lib/components/horisontal_bar.svelte b/vnshed/src/lib/components/horisontal_bar.svelte
index 3dabf63..47d58b2 100644
--- a/vnshed/src/lib/components/horisontal_bar.svelte
+++ b/vnshed/src/lib/components/horisontal_bar.svelte
@@ -1,42 +1,10 @@
-<!-- class HorisontalBar {
-
-    html = undefined;
-    plus_id = undefined;
-    elements = [];
-
-    constructor(text, id) {
-        this.html = document.createElement('div');
-        this.html.classList.add("horisontal-bar");
-        this.html.classList.add("input");
-        this.html.classList.add("rounded");
-        let label = document.createElement('p');
-        label.appendChild(document.createTextNode(text))
-        this.html.appendChild(label);
-        const plus = new AddButton().addHadler(
-            () => this.append(new HorisontalItem('test'))
-        );
-        this.html.appendChild(plus.html);
-        this.plus_id = plus.id;
-    }
-
-    append(elem) {
-        this.elements.push(elem);
-        this.html.insertBefore(elem.html, document.getElementById(this.plus_id));
-        return this;
-    }
-
-    json() {
-        return JSON.stringify(this.elements, json_filter);
-    }
-} -->
-
-<script>
+<script lang="ts">
     import HorisontalItem from "./horisontal_item.svelte";
     import AddButton from "./add_button.svelte";
     import Image from "./image.svelte";
 
     let { value = $bindable([]), label = "", type = "text" } = $props();
-    let items = $state([]);
+    let items: string[] = $state([]);
 </script>
 
 <div class="horisontal-bar {type == "text" ? "input" : ""} rounded">
diff --git a/vnshed/src/lib/components/img_button.svelte b/vnshed/src/lib/components/img_button.svelte
index 4e711a2..53c740c 100644
--- a/vnshed/src/lib/components/img_button.svelte
+++ b/vnshed/src/lib/components/img_button.svelte
@@ -1,34 +1,4 @@
-<!-- class ImgButton {
-
-    html = undefined;
-    id = undefined;
-
-    constructor(name, img) {
-        this.html = document.createElement('div');
-        this.html.classList.add("imgbutton");
-        this.id = makeid(8);
-        this.html.id = this.id;
-
-        let btn_img = document.createElement('img');
-        btn_img.src = img;
-        btn_img.innerHTML = name;
-        this.html.appendChild(btn_img);
-    }
-
-    addHadler(func) {
-        this.html.addEventListener("click", func);
-        return this;
-    }
-
-    setCssClass(name) {
-        this.html.classList.add(name);
-    }
-
-} -->
-
 <script>
-    import { makeid } from "$lib/functions.js"
-    let id = makeid(8);
     let { style, image, name } = $props();
 </script>