Initial article

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);

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

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, которые есть в существующем проекте.
+
+Допустим вы уже построили сайт, на котором сверстаны компоненты, они используются 

tsconfig.json

@@ -13,7 +13,7 @@
 	},
 	"include": [
 		"*.config.ts",
-		"src/blog/**/*.svx",
+		"src/routes/blog/**/*.svx",
 		"src/**/*.svelte",
 		"src/**/*.ts",
 		"rehype/**/*.ts"