From 6e5317d4711479ab9986be7fc29f1c8020b7aa76 Mon Sep 17 00:00:00 2001
From: Anatoly Kopyl <hi@kopyl.dev>
Date: Fri, 24 Oct 2025 20:50:44 +0300
Subject: [PATCH] Initial article

---
 src/routes/+layout.ts                      |  2 +-
 src/routes/blog/+page.server.ts            |  5 +++++
 src/routes/blog/vue-plus-payload/+page.svx | 15 +++++++++++++++
 tsconfig.json                              |  2 +-
 4 files changed, 22 insertions(+), 2 deletions(-)
 create mode 100644 src/routes/blog/vue-plus-payload/+page.svx

diff --git a/src/routes/+layout.ts b/src/routes/+layout.ts
index a31676d..8a48f64 100644
--- a/src/routes/+layout.ts
+++ b/src/routes/+layout.ts
@@ -1,7 +1,7 @@
 import {loadTranslations} from '$lib/translations';
 import type {LayoutLoad} from "./$types";
 
-export const load: LayoutLoad = async ({ url, data }) => {
+export const load: LayoutLoad = async ({ data }) => {
   const { locale } = data.i18n
 
   await loadTranslations(locale);
diff --git a/src/routes/blog/+page.server.ts b/src/routes/blog/+page.server.ts
index f959f2b..9a976b2 100644
--- a/src/routes/blog/+page.server.ts
+++ b/src/routes/blog/+page.server.ts
@@ -1,8 +1,13 @@
 import {metadata as htmlInCssMetadata} from "./html-in-css/+page.svx"
 import {metadata as thisBlogMetadata} from "./this-blog/+page.svx"
 import {metadata as shortsMetadata} from "./shorts/+page.svx"
+import {metadata as vuePlusPayloadMetadata} from "./vue-plus-payload/+page.svx"
 
 const posts = [
+  {
+    href: '/blog/vue-plus-payload',
+    ...vuePlusPayloadMetadata
+  },
   {
     href: '/blog/shorts',
     ...shortsMetadata
diff --git a/src/routes/blog/vue-plus-payload/+page.svx b/src/routes/blog/vue-plus-payload/+page.svx
new file mode 100644
index 0000000..d065c6f
--- /dev/null
+++ b/src/routes/blog/vue-plus-payload/+page.svx
@@ -0,0 +1,15 @@
+---
+title: "Vue + Payload"
+date: "2025-xx-xx"
+---
+
+<script>
+import ArticleTitle from "$lib/components/ArticleTitle.svelte"
+</script>
+
+<ArticleTitle metadata={metadata}/>
+
+Я разработал интеграцию между Vue и Payload CMS, превращающую последнюю в конструктор сайтов использующий готовые компоненты 
+Vue, которые есть в существующем проекте.
+
+Допустим вы уже построили сайт, на котором сверстаны компоненты, они используются 
diff --git a/tsconfig.json b/tsconfig.json
index 7f0e9e3..f00a7b7 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -13,7 +13,7 @@
 	},
 	"include": [
 		"*.config.ts",
-		"src/blog/**/*.svx",
+		"src/routes/blog/**/*.svx",
 		"src/**/*.svelte",
 		"src/**/*.ts",
 		"rehype/**/*.ts"