From f89811c116fbff42d0323ed811104bdce06dc68d Mon Sep 17 00:00:00 2001
From: Ku6epXBOCTuK <Ku6epXBOCTuK@gmail.com>
Date: Sun, 4 Oct 2026 07:28:11 +0500
Subject: [PATCH] fix: show version in footer from manifest file

---
 docs/backlog.md                             | 5 +++--
 web/package.json                            | 2 +-
 web/src/lib/components/layout/Footer.svelte | 8 +++++++-
 3 files changed, 11 insertions(+), 4 deletions(-)

diff --git a/docs/backlog.md b/docs/backlog.md
index 4ed6972..72767da 100644
--- a/docs/backlog.md
+++ b/docs/backlog.md
@@ -101,8 +101,9 @@
 - [ ] Радиусы бордеров: `--radius-m` ненулевой и применён ко всем бордерам
       (`app.css`, `SchemaToolView.svelte`). Решить, где скругления реально есть
       в дизайне, а где должен быть 0
-- [ ] `Footer`: версию брать из `package.json`, а не писать `v0.1.0` вручную
-      (`web/src/lib/components/layout/Footer.svelte`).
+- [ ] надо добавить версионирование и changelog (cocogitto), пример можно взять
+      отсюда -
+      [https://github.com/Ku6epXBOCTuK/XBOCT-page](https://github.com/Ku6epXBOCTuK/XBOCT-page)
 
 ## Переезд
 
diff --git a/web/package.json b/web/package.json
index 15b3699..b60e0fe 100644
--- a/web/package.json
+++ b/web/package.json
@@ -1,7 +1,7 @@
 {
 	"name": "web",
 	"private": true,
-	"version": "0.0.1",
+	"version": "0.1.0",
 	"type": "module",
 	"scripts": {
 		"dev": "vite dev",
diff --git a/web/src/lib/components/layout/Footer.svelte b/web/src/lib/components/layout/Footer.svelte
index 1d2a633..83639e1 100644
--- a/web/src/lib/components/layout/Footer.svelte
+++ b/web/src/lib/components/layout/Footer.svelte
@@ -1,5 +1,11 @@
+<script lang="ts">
+	import { version } from "../../../../package.json";
+
+	const versionLabel = `v${version}`;
+</script>
+
 <footer class="preview-footer">
-	<span>easy-png-tools <b class="version">v0.1.0</b></span>
+	<span>easy-png-tools <b class="version">{versionLabel}</b></span>
 	<span>© 2026</span>
 </footer>