diff --git a/astro.config.mjs b/astro.config.mjs
index 18ab365..7f4cb66 100644
--- a/astro.config.mjs
+++ b/astro.config.mjs
@@ -69,6 +69,10 @@ export default defineConfig({
remarkPlugins: [readingTimeRemarkPlugin],
},
+ experimental: {
+ viewTransitions: true,
+ },
+
vite: {
resolve: {
alias: {
diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
index a04140b..468cf72 100644
--- a/src/layouts/Layout.astro
+++ b/src/layouts/Layout.astro
@@ -1,4 +1,6 @@
---
+import { ViewTransitions } from 'astro:transitions';
+
import '~/assets/styles/tailwind.css';
import { I18N_CONFIG } from "~/utils/config";
@@ -33,6 +35,7 @@ const { language, textDirection } = I18N_CONFIG;
+
diff --git a/src/layouts/PageLayout.astro b/src/layouts/PageLayout.astro
index 7f5a47b..6e871b2 100644
--- a/src/layouts/PageLayout.astro
+++ b/src/layouts/PageLayout.astro
@@ -22,7 +22,7 @@ const { metadata } = Astro.props;
-
+