feat(BaseHead, Layout): Add ViewTransitions component

- Added import statement for `ViewTransitions` in `BaseHead.astro` and `Layout.astro` - Added `<ViewTransitions />` component in the HTML structure of both files
Nodsoft · Jun 23, 2024 · f1f937f · f1f937f
1 parent 64b9afc
commit f1f937f
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 3 deletions.
diff --git a/nodsoft_moltenobsidian_web/src/components/BaseHead.astro b/nodsoft_moltenobsidian_web/src/components/BaseHead.astro
@@ -1,4 +1,7 @@
 ---
+import { ViewTransitions } from 'astro:transitions';
+
+
 // const canonicalURL = new URL(Astro.url.pathname, Astro.site);
 
 const defaultProps = {
@@ -26,6 +29,8 @@ const base = import.meta.env.BASE_URL ?? "/";
 <meta name="theme-color" content="#ffffff" />
 <meta name="generator" content={Astro.generator} />
 
+<ViewTransitions />
+
 <!-- Preconnects -->
 <link rel="preconnect" href="https://fonts.googleapis.com" crossorigin="anonymous" />
 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="anonymous" />

diff --git a/nodsoft_moltenobsidian_web/src/layouts/Layout.astro b/nodsoft_moltenobsidian_web/src/layouts/Layout.astro
@@ -3,6 +3,8 @@ import "../styles/_global.scss"
 import BaseHead from "../components/BaseHead.astro";
 import Sidebar from "../components/Sidebar.astro";
 import { SITE_TITLE } from "../consts";
+import { ViewTransitions } from "astro:transitions";
+
 
 interface Props {
 	title: string;
@@ -15,7 +17,7 @@ const baseHeadTitle = title ? `${title} - ${SITE_TITLE}` : SITE_TITLE;
 ---
 
 <!DOCTYPE html>
-<html lang="en">
+<html lang="en" transition:animate="none">
 	<!--suppress HtmlRequiredTitleElement, included in BaseHead -->
 	<head>
 		<BaseHead title={baseHeadTitle} description={description} />
@@ -24,7 +26,7 @@ const baseHeadTitle = title ? `${title} - ${SITE_TITLE}` : SITE_TITLE;
 	<body class="flex-row-lg">
 		<Sidebar />
 
-		<main>
+		<main transition:animate="initial">
 			<slot />
 		</main>
 	</body>

diff --git a/nodsoft_moltenobsidian_web/vault/.obsidian/core-plugins.json b/nodsoft_moltenobsidian_web/vault/.obsidian/core-plugins.json
@@ -7,7 +7,6 @@
   "canvas",
   "outgoing-link",
   "tag-pane",
-  "properties",
   "page-preview",
   "daily-notes",
   "templates",