Initial article

Fix locale switch on prefetch
Offload stars counter to ycl function
2025-10-24 20:50:44 +03:00 · 2025-07-06 21:33:14 +03:00 · 2025-07-06 19:34:59 +03:00 · 2025-06-10 14:27:21 +03:00 · 2025-05-19 22:51:19 +03:00 · 2025-05-19 22:45:04 +03:00
12 changed files with 118 additions and 131 deletions
--- a/package-lock.json
+++ b/package-lock.json
@@ -609,17 +609,30 @@
 			}
 		},
 		"node_modules/@eslint/plugin-kit": {
-			"version": "0.2.0",
-			"resolved": "https://registry.npmjs.org/@eslint/plugin-kit/-/plugin-kit-0.2.0.tgz",
-			"integrity": "sha512-vH9PiIMMwvhCx31Af3HiGzsVNULDbyVkHXwlemn/B0TFj/00ho3y55efXrUZTfQipxoHC5u4xq6zblww1zm1Ig==",
+			"version": "0.2.8",
+			"resolved": "https://registry.npmjs.org/@eslint/plugin-kit/-/plugin-kit-0.2.8.tgz",
+			"integrity": "sha512-ZAoA40rNMPwSm+AeHpCq8STiNAwzWLJuP8Xv4CHIc9wv/PSuExjMrmjfYNj682vW0OOiZ1HKxzvjQr9XZIisQA==",
 			"dev": true,
 			"dependencies": {
+				"@eslint/core": "^0.13.0",
 				"levn": "^0.4.1"
 			},
 			"engines": {
 				"node": "^18.18.0 || ^20.9.0 || >=21.1.0"
 			}
 		},
+		"node_modules/@eslint/plugin-kit/node_modules/@eslint/core": {
+			"version": "0.13.0",
+			"resolved": "https://registry.npmjs.org/@eslint/core/-/core-0.13.0.tgz",
+			"integrity": "sha512-yfkgDw1KR66rkT5A8ci4irzDysN7FRpq3ttJolR88OqQikAWqwA8j5VZyas+vjyBNFIJ7MfybJ9plMILI2UrCw==",
+			"dev": true,
+			"dependencies": {
+				"@types/json-schema": "^7.0.15"
+			},
+			"engines": {
+				"node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+			}
+		},
 		"node_modules/@humanwhocodes/module-importer": {
 			"version": "1.0.1",
 			"resolved": "https://registry.npmjs.org/@humanwhocodes/module-importer/-/module-importer-1.0.1.tgz",
@@ -1229,9 +1242,9 @@
 			}
 		},
 		"node_modules/@polka/url": {
-			"version": "1.0.0-next.28",
-			"resolved": "https://registry.npmjs.org/@polka/url/-/url-1.0.0-next.28.tgz",
-			"integrity": "sha512-8LduaNlMZGwdZ6qWrKlfa+2M4gahzFkprZiAt2TF8uS0qQgBizKXpXURqvTJ4WtmupWxaLqjRb2UCTe72mu+Aw=="
+			"version": "1.0.0-next.29",
+			"resolved": "https://registry.npmjs.org/@polka/url/-/url-1.0.0-next.29.tgz",
+			"integrity": "sha512-wwQAWhWSuHaag8c4q/KN/vCoeOJYshAIvMQwD4GpSb3OiZklFfvAgmj0VCBBImRpuF/aFgIRzllXlVX93Jevww=="
 		},
 		"node_modules/@rollup/plugin-commonjs": {
 			"version": "28.0.0",
@@ -1613,6 +1626,14 @@
 			"integrity": "sha512-TMp15K+GGYrWlZM8+Lnj9EaHEFmOen0WJBrfa17hF7taDOYthuPPV0GWzfd/9iMij0akS/8Yw2ikquH7uVi/fg==",
 			"dev": true
 		},
+		"node_modules/@sveltejs/acorn-typescript": {
+			"version": "1.0.5",
+			"resolved": "https://registry.npmjs.org/@sveltejs/acorn-typescript/-/acorn-typescript-1.0.5.tgz",
+			"integrity": "sha512-IwQk4yfwLdibDlrXVE04jTZYlLnwsTT2PIOQQGNLWfjavGifnk1JD1LcZjZaBTRcxZu2FfPfNLOE04DSu9lqtQ==",
+			"peerDependencies": {
+				"acorn": "^8.9.0"
+			}
+		},
 		"node_modules/@sveltejs/adapter-node": {
 			"version": "5.2.5",
 			"resolved": "https://registry.npmjs.org/@sveltejs/adapter-node/-/adapter-node-5.2.5.tgz",
@@ -1643,23 +1664,22 @@
 			}
 		},
 		"node_modules/@sveltejs/kit": {
-			"version": "2.5.28",
-			"resolved": "https://registry.npmjs.org/@sveltejs/kit/-/kit-2.5.28.tgz",
-			"integrity": "sha512-/O7pvFGBsQPcFa9UrW8eUC5uHTOXLsUp3SN0dY6YmRAL9nfPSrJsSJk//j5vMpinSshzUjteAFcfQTU+04Ka1w==",
-			"hasInstallScript": true,
+			"version": "2.21.1",
+			"resolved": "https://registry.npmjs.org/@sveltejs/kit/-/kit-2.21.1.tgz",
+			"integrity": "sha512-vLbtVwtDcK8LhJKnFkFYwM0uCdFmzioQnif0bjEYH1I24Arz22JPr/hLUiXGVYAwhu8INKx5qrdvr4tHgPwX6w==",
 			"dependencies": {
+				"@sveltejs/acorn-typescript": "^1.0.5",
 				"@types/cookie": "^0.6.0",
+				"acorn": "^8.14.1",
 				"cookie": "^0.6.0",
-				"devalue": "^5.0.0",
-				"esm-env": "^1.0.0",
-				"import-meta-resolve": "^4.1.0",
+				"devalue": "^5.1.0",
+				"esm-env": "^1.2.2",
 				"kleur": "^4.1.5",
 				"magic-string": "^0.30.5",
 				"mrmime": "^2.0.0",
 				"sade": "^1.8.1",
 				"set-cookie-parser": "^2.6.0",
-				"sirv": "^2.0.4",
-				"tiny-glob": "^0.2.9"
+				"sirv": "^3.0.0"
 			},
 			"bin": {
 				"svelte-kit": "svelte-kit.js"
@@ -1668,9 +1688,9 @@
 				"node": ">=18.13"
 			},
 			"peerDependencies": {
-				"@sveltejs/vite-plugin-svelte": "^3.0.0 || ^4.0.0-next.1",
+				"@sveltejs/vite-plugin-svelte": "^3.0.0 || ^4.0.0-next.1 || ^5.0.0",
 				"svelte": "^4.0.0 || ^5.0.0-next.0",
-				"vite": "^5.0.3"
+				"vite": "^5.0.3 || ^6.0.0"
 			}
 		},
 		"node_modules/@sveltejs/vite-plugin-svelte": {
@@ -2085,9 +2105,9 @@
 			"peer": true
 		},
 		"node_modules/acorn": {
-			"version": "8.12.1",
-			"resolved": "https://registry.npmjs.org/acorn/-/acorn-8.12.1.tgz",
-			"integrity": "sha512-tcpGyI9zbizT9JbV6oYE477V6mTlXvvi0T0G3SNIYE2apm/G5huBa1+K89VGeovbg+jycCrfhl3ADxErOuO6Jg==",
+			"version": "8.14.1",
+			"resolved": "https://registry.npmjs.org/acorn/-/acorn-8.14.1.tgz",
+			"integrity": "sha512-OvQ/2pUDKmgfCg++xsTX1wGxfTaszcHVcTctW4UJB4hibJx2HXxxO5UmVgyjMa+ZDsiaf5wWLXYpRWMmBI0QHg==",
 			"bin": {
 				"acorn": "bin/acorn"
 			},
@@ -2341,9 +2361,9 @@
 			}
 		},
 		"node_modules/caniuse-lite": {
-			"version": "1.0.30001663",
-			"resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001663.tgz",
-			"integrity": "sha512-o9C3X27GLKbLeTYZ6HBOLU1tsAcBZsLis28wrVzddShCS16RujjHp9GDHKZqrB3meE0YjhawvMFsGb/igqiPzA==",
+			"version": "1.0.30001721",
+			"resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001721.tgz",
+			"integrity": "sha512-cOuvmUVtKrtEaoKiO0rSc29jcjwMwX5tOHDy4MgVFEWiUXj4uBMJkwI8MDySkgXidpMiHUcviogAvFi4pA2hDQ==",
 			"dev": true,
 			"funding": [
 				{
@@ -2540,9 +2560,9 @@
 			}
 		},
 		"node_modules/cross-spawn": {
-			"version": "7.0.3",
-			"resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.3.tgz",
-			"integrity": "sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==",
+			"version": "7.0.6",
+			"resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.6.tgz",
+			"integrity": "sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==",
 			"dev": true,
 			"dependencies": {
 				"path-key": "^3.1.0",
@@ -2626,9 +2646,9 @@
 			}
 		},
 		"node_modules/devalue": {
-			"version": "5.0.0",
-			"resolved": "https://registry.npmjs.org/devalue/-/devalue-5.0.0.tgz",
-			"integrity": "sha512-gO+/OMXF7488D+u3ue+G7Y4AA3ZmUnB3eHJXmBTgNHvr4ZNzl36A0ZtG+XCRNYCkYx/bFmw4qtkoFLa+wSrwAA=="
+			"version": "5.1.1",
+			"resolved": "https://registry.npmjs.org/devalue/-/devalue-5.1.1.tgz",
+			"integrity": "sha512-maua5KUiapvEwiEAe+XnlZ3Rh0GD+qI1J/nb9vrJc3muPXvcF/8gXYTWF76+5DAqHyDUtOIImEuo0YKE9mshVw=="
 		},
 		"node_modules/devlop": {
 			"version": "1.1.0",
@@ -2885,9 +2905,9 @@
 			}
 		},
 		"node_modules/esm-env": {
-			"version": "1.0.0",
-			"resolved": "https://registry.npmjs.org/esm-env/-/esm-env-1.0.0.tgz",
-			"integrity": "sha512-Cf6VksWPsTuW01vU9Mk/3vRue91Zevka5SjyNf3nEpokFRuqt/KjUQoGAwq9qMmhpLTHmXzSIrFRw8zxWzmFBA=="
+			"version": "1.2.2",
+			"resolved": "https://registry.npmjs.org/esm-env/-/esm-env-1.2.2.tgz",
+			"integrity": "sha512-Epxrv+Nr/CaL4ZcFGPJIYLWFom+YeV1DqMLHJoEd9SYRxNbaFruBwfEX/kkHUJf55j2+TUbmDcmuilbP1TmXHA=="
 		},
 		"node_modules/espree": {
 			"version": "10.1.0",
@@ -3207,16 +3227,6 @@
 				"url": "https://github.com/sponsors/sindresorhus"
 			}
 		},
-		"node_modules/globalyzer": {
-			"version": "0.1.0",
-			"resolved": "https://registry.npmjs.org/globalyzer/-/globalyzer-0.1.0.tgz",
-			"integrity": "sha512-40oNTM9UfG6aBmuKxk/giHn5nQ8RVz/SS4Ir6zgzOv9/qC3kKZ9v4etGTcJbEl/NyVQH7FGU7d+X1egr57Md2Q=="
-		},
-		"node_modules/globrex": {
-			"version": "0.1.2",
-			"resolved": "https://registry.npmjs.org/globrex/-/globrex-0.1.2.tgz",
-			"integrity": "sha512-uHJgbwAMwNFf5mLst7IWLNg14x1CkeqglJb/K3doi4dw6q2IvAAmM/Y81kevy83wP+Sst+nutFTYOGg3d1lsxg=="
-		},
 		"node_modules/graphemer": {
 			"version": "1.4.0",
 			"resolved": "https://registry.npmjs.org/graphemer/-/graphemer-1.4.0.tgz",
@@ -3334,15 +3344,6 @@
 				"url": "https://github.com/sponsors/sindresorhus"
 			}
 		},
-		"node_modules/import-meta-resolve": {
-			"version": "4.1.0",
-			"resolved": "https://registry.npmjs.org/import-meta-resolve/-/import-meta-resolve-4.1.0.tgz",
-			"integrity": "sha512-I6fiaX09Xivtk+THaMfAwnA3MVA5Big1WHF1Dfx9hFuvNIWpXnorlkzhcQf6ehrqQiiZECRt1poOAkPmer3ruw==",
-			"funding": {
-				"type": "github",
-				"url": "https://github.com/sponsors/wooorm"
-			}
-		},
 		"node_modules/imurmurhash": {
 			"version": "0.1.4",
 			"resolved": "https://registry.npmjs.org/imurmurhash/-/imurmurhash-0.1.4.tgz",
@@ -3842,9 +3843,9 @@
 			}
 		},
 		"node_modules/mrmime": {
-			"version": "2.0.0",
-			"resolved": "https://registry.npmjs.org/mrmime/-/mrmime-2.0.0.tgz",
-			"integrity": "sha512-eu38+hdgojoyq63s+yTpN4XMBdt5l8HhMhc4VKLO9KM5caLIBvUm4thi7fFaxyTmCKeNnXZ5pAlBwCUnhA09uw==",
+			"version": "2.0.1",
+			"resolved": "https://registry.npmjs.org/mrmime/-/mrmime-2.0.1.tgz",
+			"integrity": "sha512-Y3wQdFg2Va6etvQ5I82yUhGdsKrcYox6p7FfL1LbK2J4V01F9TGlepTIhnK24t7koZibmg82KGglhA1XK5IsLQ==",
 			"engines": {
 				"node": ">=10"
 			}
@@ -3866,9 +3867,9 @@
 			}
 		},
 		"node_modules/nanoid": {
-			"version": "3.3.7",
-			"resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.7.tgz",
-			"integrity": "sha512-eSRppjcPIatRIMC1U6UngP8XFcz8MQWGQdt1MTBQ7NaAmvXDfvNxbvWV3x2y6CdEUciCSsDHDQZbhYaB8QEo2g==",
+			"version": "3.3.11",
+			"resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.11.tgz",
+			"integrity": "sha512-N8SpfPUnUp1bK+PMYW8qSWdl9U+wwNWI4QKxOYDy9JAro3WMX7p2OeVRF9v+347pnakNevPmiHhNmZ2HbFA76w==",
 			"funding": [
 				{
 					"type": "github",
@@ -4315,9 +4316,9 @@
 			"dev": true
 		},
 		"node_modules/prismjs": {
-			"version": "1.29.0",
-			"resolved": "https://registry.npmjs.org/prismjs/-/prismjs-1.29.0.tgz",
-			"integrity": "sha512-Kx/1w86q/epKcmte75LNrEoT+lX8pBpavuAbvJWRXar7Hz8jrtF+e3vY751p0R8H9HdArwaCTNDDzHg/ScJK1Q==",
+			"version": "1.30.0",
+			"resolved": "https://registry.npmjs.org/prismjs/-/prismjs-1.30.0.tgz",
+			"integrity": "sha512-DEvV2ZF2r2/63V+tK8hQvrR2ZGn10srHbXviTlcv7Kpzw8jWiNTqbVgjO3IY8RxrrOUF8VPMQQFysYYYv0YZxw==",
 			"dev": true,
 			"engines": {
 				"node": ">=6"
@@ -4634,16 +4635,16 @@
 			}
 		},
 		"node_modules/sirv": {
-			"version": "2.0.4",
-			"resolved": "https://registry.npmjs.org/sirv/-/sirv-2.0.4.tgz",
-			"integrity": "sha512-94Bdh3cC2PKrbgSOUqTiGPWVZeSiXfKOVZNJniWoqrWrRkB1CJzBU3NEbiTsPcYy1lDsANA/THzS+9WBiy5nfQ==",
+			"version": "3.0.1",
+			"resolved": "https://registry.npmjs.org/sirv/-/sirv-3.0.1.tgz",
+			"integrity": "sha512-FoqMu0NCGBLCcAkS1qA+XJIQTR6/JHfQXl+uGteNCQ76T91DMUjPa9xfmeqMY3z80nLSg9yQmNjK0Px6RWsH/A==",
 			"dependencies": {
 				"@polka/url": "^1.0.0-next.24",
 				"mrmime": "^2.0.0",
 				"totalist": "^3.0.0"
 			},
 			"engines": {
-				"node": ">= 10"
+				"node": ">=18"
 			}
 		},
 		"node_modules/source-map-js": {
@@ -5102,15 +5103,6 @@
 				"node": ">=0.8"
 			}
 		},
-		"node_modules/tiny-glob": {
-			"version": "0.2.9",
-			"resolved": "https://registry.npmjs.org/tiny-glob/-/tiny-glob-0.2.9.tgz",
-			"integrity": "sha512-g/55ssRPUjShh+xkfx9UPDXqhckHEsHr4Vd9zX55oSdGZc/MD0m3sferOkwWtp98bv+kcVfEHtRJgBVJzelrzg==",
-			"dependencies": {
-				"globalyzer": "0.1.0",
-				"globrex": "^0.1.2"
-			}
-		},
 		"node_modules/tinyexec": {
 			"version": "0.3.0",
 			"resolved": "https://registry.npmjs.org/tinyexec/-/tinyexec-0.3.0.tgz",
@@ -5543,9 +5535,9 @@
 			}
 		},
 		"node_modules/vite": {
-			"version": "5.4.7",
-			"resolved": "https://registry.npmjs.org/vite/-/vite-5.4.7.tgz",
-			"integrity": "sha512-5l2zxqMEPVENgvzTuBpHer2awaetimj2BGkhBPdnwKbPNOlHsODU+oiazEZzLK7KhAnOrO+XGYJYn4ZlUhDtDQ==",
+			"version": "5.4.19",
+			"resolved": "https://registry.npmjs.org/vite/-/vite-5.4.19.tgz",
+			"integrity": "sha512-qO3aKv3HoQC8QKiNSTuUM1l9o/XX3+c+VTgLHbJWHZGeTPVAg2XwazI9UWzoxjIJCGCV2zU60uqMzjeLZuULqA==",
 			"dependencies": {
 				"esbuild": "^0.21.3",
 				"postcss": "^8.4.43",
--- a/src/lib/en.json
+++ b/src/lib/en.json
@@ -6,12 +6,8 @@
  "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": "Career:",
    "career_value": "Selectel",
-    "bachelors": "BSIT:",
-    "bachelors_value": "SPBSUT",
-    "masters": "MS:",
-    "masters_value": "ITMO (in progress)"
+    "masters_value": "ITMO"
  },
  "projects": {
    "h": "Projects",
--- a/src/lib/getStars.ts
+++ b/src/lib/getStars.ts
@@ -1,33 +1,5 @@
-export default async function getStarsForUser(username: string) {
-  const userResponse = await request(`/users/${username}`);
-  if (!userResponse || !userResponse.public_repos) {
-    throw new Error(userResponse ? userResponse.message : 'User not found.');
-  }
-
-  const pages = Math.ceil(userResponse.public_repos / 100);
-  let repos = [];
-  const fetchReposPromises = [];
-
-  for (let i = 1; i <= pages; i++) {
-    fetchReposPromises.push(request(`/users/${username}/repos?per_page=100&page=${i}`));
-  }
-
-  const reposResponses = await Promise.all(fetchReposPromises);
-  repos = reposResponses.flat();
-
-  return starSum(repos);
-}
-
-async function request(url) {
-  const headers= {
-    'User-Agent': 'GitHub StarCounter',
-    // Authorization: `Basic ${Buffer.from(auth).toString('base64')}`
-  };
-
-  const response = await fetch(`https://api.github.com${url}`, { headers });
-  return response.json()
-}
-
-async function starSum(repos) {
-  return repos.reduce((acc, curr) => acc + curr.stargazers_count, 0);
+export default async function getStars(username: string) {
+  const resp = await fetch(`https://user-stars.kopyl.dev/${username}`)
+  const body = await resp.json()
+  return body.stars
 }
--- a/src/lib/icons/Blog.svelte
+++ b/src/lib/icons/Blog.svelte
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
+  <circle fill-rule="evenodd" clip-rule="evenodd" fill="white" cx="12" cy="12" r="12"/>
+  <path fill="black" d="M10 20q-.425 0-.712-.288T9 19v-5q-2.075 0-3.537-1.463T4 9t1.463-3.537T9 4h8q.425 0 .713.288T18 5t-.288.713T17 6h-1v13q0 .425-.288.713T15 20t-.712-.288T14 19V6h-3v13q0 .425-.288.713T10 20" style="scale:.8;transform:translate(14%,14%);"/>
+</svg>
--- a/src/lib/ru.json
+++ b/src/lib/ru.json
@@ -6,12 +6,8 @@
  "about": {
    "h": "Обо мне",
    "text": "<p>Fullstack разработчик из&nbsp;Санкт-Петербурга.</p> <p>Люблю разбираться в&nbsp;новых технологиях, находить необычные подходы к&nbsp;решению проблем и&nbsp;работать на&nbsp;пересечении областей.</p>",
-    "career": "Работа:",
    "career_value": "Selectel",
-    "bachelors": "Бакалавриат:",
-    "bachelors_value": "СПбГУТ",
-    "masters": "Магистратура:",
-    "masters_value": "ИТМО (в процессе)"
+    "masters_value": "ИТМО"
  },
  "projects": {
    "h": "Проекты",
--- a/src/routes/+layout.ts
+++ b/src/routes/+layout.ts
@@ -1,11 +1,10 @@
 import {loadTranslations} from '$lib/translations';
 import type {LayoutLoad} from "./$types";

-export const load: LayoutLoad = async ({ url, data }) => {
-  const { pathname } = url;
+export const load: LayoutLoad = async ({ data }) => {
  const { locale } = data.i18n

-  await loadTranslations(locale, pathname);
+  await loadTranslations(locale);

  return {};
 };
--- a/src/routes/About.svelte
+++ b/src/routes/About.svelte
@@ -17,19 +17,11 @@
    <div class="grid gap-x-2 grid-cols-[auto_1fr] h-fit items-center text-slate-400">
      <div class="flex gap-2 items-center">
        <MaterialSymbolsWork></MaterialSymbolsWork>
-        {$t('about.career')}
      </div>
      {$t('about.career_value')}

      <div class="flex gap-2 items-center">
        <MaterialSymbolsSchool></MaterialSymbolsSchool>
-        {$t('about.bachelors')}
-      </div>
-      {$t('about.bachelors_value')}
-
-      <div class="flex gap-2 items-center">
-        <MaterialSymbolsSchool></MaterialSymbolsSchool>
-        {$t('about.masters')}
      </div>
      {$t('about.masters_value')}
    </div>
--- a/src/routes/Hero.svelte
+++ b/src/routes/Hero.svelte
@@ -4,6 +4,7 @@ import {t} from "$lib/translations";
 import Github from "$lib/icons/Github.svelte";
 import Telegram from "$lib/icons/Telegram.svelte";
 import Linkedin from "$lib/icons/Linkedin.svelte";
+import Blog from "$lib/icons/Blog.svelte";
 import MaterialSymbolsStarRounded from '~icons/material-symbols/star-rounded';

 export let starCount: number | null;
@@ -94,6 +95,12 @@ const goTop = () => {
    >
      <Telegram></Telegram>
    </a>
+    <a
+      class="hero__social-icon"
+      href="/blog"
+    >
+      <Blog></Blog>
+    </a>
  </div>
 </div>

--- a/src/routes/blog/+layout.svelte
+++ b/src/routes/blog/+layout.svelte
@@ -1,10 +1,13 @@
 <script lang="ts">
 import Navbar from "$lib/components/Navbar.svelte";
+import { page } from '$app/stores';  
 </script>

 <Navbar>
  <div slot="title">
-    <a href="/blog">Блог</a>
+    {#if $page.url.pathname !== '/blog'}
+      <a href="/blog">Назад</a>
+    {/if}
  </div>
 </Navbar>

@@ -89,4 +92,8 @@ import Navbar from "$lib/components/Navbar.svelte";
    content: '+';
  }
 }
+
+:global(article p) {
+  text-align: justify;
+}
 </style>
--- 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
--- a/src/routes/blog/vue-plus-payload/+page.svx
+++ 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, которые есть в существующем проекте.
+
+Допустим вы уже построили сайт, на котором сверстаны компоненты, они используются 
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -13,7 +13,9 @@
 	},
 	"include": [
 		"*.config.ts",
-		"src/**/*.svx",
+		"src/routes/blog/**/*.svx",
+		"src/**/*.svelte",
+		"src/**/*.ts",
 		"rehype/**/*.ts"
 	]
 	// Path aliases are handled by https://kit.svelte.dev/docs/configuration#alias
Author	SHA1	Message	Date
Anatoly Kopyl	6e5317d471	Initial article	2025-10-24 20:50:44 +03:00
Anatoly Kopyl	4e63ea50af	Fix locale switch on prefetch All checks were successful Deploy / build-and-publish (push) Successful in 2m13s Details Deploy / deploy (push) Successful in 12s Details	2025-07-06 21:33:14 +03:00
Anatoly Kopyl	e4392a6781	Offload stars counter to ycl function All checks were successful Deploy / build-and-publish (push) Successful in 5m9s Details Deploy / deploy (push) Successful in 40s Details	2025-07-06 19:34:59 +03:00
Anatoly Kopyl	530c3b0a93	Update degree status All checks were successful Deploy / build-and-publish (push) Successful in 1m51s Details Deploy / deploy (push) Successful in 11s Details	2025-06-10 14:27:21 +03:00
Anatoly Kopyl	e5230a6f27	Justify text in blog All checks were successful Deploy / build-and-publish (push) Successful in 2m2s Details Deploy / deploy (push) Successful in 20s Details	2025-05-19 22:51:19 +03:00
Anatoly Kopyl	fceafd9841	Added visible blog link Some checks are pending Deploy / deploy (push) Blocked by required conditions Details Deploy / build-and-publish (push) Successful in 3m44s Details	2025-05-19 22:45:04 +03:00
Anatoly Kopyl	49493c2cf9	npm audit fix	2025-05-19 22:31:06 +03:00