Add view transitions with astro-vtbot's starlight plugin

astro.config.mjs

@@ -1,14 +1,15 @@
 // @ts-check
 import { defineConfig } from 'astro/config';
+import { satteri } from '@astrojs/markdown-satteri';
 import starlight from '@astrojs/starlight';
-import starlightLlmsTxt from 'starlight-llms-txt'
-import starlightScrollToTop from 'starlight-scroll-to-top'
+import starlightLlmsTxt from 'starlight-llms-txt';
+import starlightScrollToTop from 'starlight-scroll-to-top';
 import starlightRecentChanges from 'starlight-recent-changes';
 import starlightPageReader from 'starlight-page-reader';
 import starlightSeo from 'starlight-seo';
 import starlightThemeWiredClub from 'starlight-theme-wiredclub';
+import { viewTransitions, hastMarkEndOfMarkdown } from "astro-vtbot/starlight-view-transitions";
 import AstroPWA from '@vite-pwa/astro';
-import manifest from './webmanifest.json';
 
 // https://astro.build/config
 export default defineConfig({
@@ -201,12 +202,22 @@ export default defineConfig({
 			}), starlightRecentChanges({
 				routeSlug: 'mudancas-recentes',
 				dateFormat: 'pt-BR',
-			})],
+			}),
+			viewTransitions({
+				declarativeNames:
+					":root:not(:has(.hero)) .site-title img, :root:has(.hero) .hero img = site-logo",
+			})
+			],
 		}),
 		AstroPWA({
 			// Temporariamente desativando cache do Service Worker
 			selfDestroying: true,
-			manifest: manifest,
+			manifestFilename: "webmanifest.json",
 		}),
 	],
+	markdown: {
+		processor: satteri({
+			hastPlugins: [hastMarkEndOfMarkdown],
+		}),
+	},
 });

manifest.webmanifest

@@ -0,0 +1,49 @@
+{
+  "$schema": "https://json.schemastore.org/web-manifest-combined.json",
+  "id": "wired-club-docs",
+  "name": "Wired Club Docs",
+  "short_name": "WC Docs",
+  "description": "Documentação oficial da comunidade Wired Club, o maior portal Wired!",
+  "orientation": "portrait-primary",
+  "display": "standalone",
+  "start_url": "/?utm_source=web_app_manifest",
+  "scope": "/",
+  "theme_color": "#0b1530",
+  "background_color": "#0b1530",
+  "icons": [
+    {
+      "src": "/pwa-64x64.png",
+      "sizes": "64x64",
+      "type": "image/png"
+    },
+    {
+      "src": "/pwa-192x192.png",
+      "sizes": "192x192",
+      "type": "image/png"
+    },
+    {
+      "src": "/pwa-512x512.png",
+      "sizes": "512x512",
+      "type": "image/png",
+      "purpose": "any"
+    },
+    {
+      "src": "/maskable-icon-512x512.png",
+      "sizes": "512x512",
+      "type": "image/png",
+      "purpose": "maskable"
+    }
+  ],
+  "shortcuts": [
+    {
+      "name": "Vamos Começar",
+      "url": "/vamos-comecar/introducao",
+      "description": "Guias iniciais do Wired Club Docs"
+    },
+    {
+      "name": "Guias Práticos",
+      "url": "/guias-praticos/primeiro-sistema/",
+      "description": "Tutoriais e guias práticos"
+    }
+  ]
+}