Initial article

src/lib/en.json

@@ -6,7 +6,7 @@
   "about": {
     "h": "About me",
     "text": "<p>Fullstack developer from St. Petersburg.</p> <p>I&nbsp;like to&nbsp;explore new technologies, find unusual approaches to&nbsp;solving problems and work at&nbsp;the intersection of&nbsp;fields.</p>",
-    "career_value": "Yandex",
+    "career_value": "Selectel",
     "masters_value": "ITMO"
   },
   "projects": {

src/lib/ru.json

@@ -6,7 +6,7 @@
   "about": {
     "h": "Обо мне",
     "text": "<p>Fullstack разработчик из&nbsp;Санкт-Петербурга.</p> <p>Люблю разбираться в&nbsp;новых технологиях, находить необычные подходы к&nbsp;решению проблем и&nbsp;работать на&nbsp;пересечении областей.</p>",
-    "career_value": "Яндекс",
+    "career_value": "Selectel",
     "masters_value": "ИТМО"
   },
   "projects": {

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"