remove view transitions and added architecture stub

astro.config.mjs

@@ -1,140 +1,143 @@
-import "dotenv/config";
-import { defineConfig } from "astro/config";
-import starlight from "@astrojs/starlight";
-import tailwind from "@astrojs/tailwind";
+import 'dotenv/config'
+import { defineConfig } from 'astro/config'
+import starlight from '@astrojs/starlight'
+import tailwind from '@astrojs/tailwind'
 
 // SEE: https://developers.google.com/analytics/devguides/collection/gtagjs
-const gaTrackingID = process.env.GA_TRACKING_ID;
-const gaSrc = `https://www.googletagmanager.com/gtag/js?id=${gaTrackingID}`;
+const gaTrackingID = process.env.GA_TRACKING_ID
+const gaSrc = `https://www.googletagmanager.com/gtag/js?id=${gaTrackingID}`
 
 // SEE: https://plausible.io/docs/plausible-script
-const plausibleDomain = process.env.PLAUSIBLE_DOMAIN;
+const plausibleDomain = process.env.PLAUSIBLE_DOMAIN
 const plausibleSrc =
-  process.env.PLAUSIBLE_SRC || "https://plausible.io/js/script.js";
+  process.env.PLAUSIBLE_SRC || 'https://plausible.io/js/script.js'
 
-const head = [];
+const head = []
 
 if (gaTrackingID) {
   head.push(
     {
-      tag: "script",
+      tag: 'script',
       attrs: {
         src: gaSrc,
         async: true,
       },
     },
     {
-      tag: "script",
+      tag: 'script',
       content: `
 window.dataLayer = window.dataLayer || [];
 function gtag(){window.dataLayer.push(arguments);}
 gtag('js', new Date());
 gtag('config', '${gaTrackingID}');
 `,
-    }
-  );
+    },
+  )
 }
 
 if (plausibleDomain && plausibleSrc) {
   head.push({
-    tag: "script",
+    tag: 'script',
     attrs: {
       src: plausibleSrc,
-      "data-domain": plausibleDomain,
+      'data-domain': plausibleDomain,
       defer: true,
     },
-  });
+  })
 }
 
 head.push(
   {
-    tag: "link",
+    tag: 'link',
     attrs: {
-      rel: "apple-touch-icon",
-      href: "/apple-touch-icon.png",
-      sizes: "180x180",
+      rel: 'apple-touch-icon',
+      href: '/apple-touch-icon.png',
+      sizes: '180x180',
     },
   },
   {
-    tag: "link",
+    tag: 'link',
     attrs: {
-      rel: "icon",
-      type: "image/png",
-      href: "/favicon-32x32.png",
-      sizes: "32x32",
+      rel: 'icon',
+      type: 'image/png',
+      href: '/favicon-32x32.png',
+      sizes: '32x32',
     },
   },
   {
-    tag: "link",
+    tag: 'link',
     attrs: {
-      rel: "icon",
-      type: "image/png",
-      href: "/favicon-16x16.png",
-      sizes: "16x16",
+      rel: 'icon',
+      type: 'image/png',
+      href: '/favicon-16x16.png',
+      sizes: '16x16',
     },
   },
   {
-    tag: "link",
+    tag: 'link',
     attrs: {
-      rel: "manifest",
-      href: "/site.webmanifest",
+      rel: 'manifest',
+      href: '/site.webmanifest',
     },
   },
   {
-    tag: "link",
+    tag: 'link',
     attrs: {
-      rel: "mask-icon",
-      href: "/safari-pinned-tab.svg",
-      color: "#7cc6fe",
+      rel: 'mask-icon',
+      href: '/safari-pinned-tab.svg',
+      color: '#7cc6fe',
     },
   },
   {
-    tag: "meta",
+    tag: 'meta',
     attrs: {
-      name: "msapplication-TileColor",
-      content: "#7cc6fe",
+      name: 'msapplication-TileColor',
+      content: '#7cc6fe',
     },
   },
   {
-    tag: "meta",
+    tag: 'meta',
     attrs: {
-      name: "theme-color",
-      content: "#bee1ff",
+      name: 'theme-color',
+      content: '#bee1ff',
     },
-  }
-);
+  },
+)
 
 // https://astro.build/config
 export default defineConfig({
   integrations: [
     starlight({
-      title: "grlx Docs",
+      title: 'grlx Docs',
       description:
-        "Documentation for grlx. Fleet configuration management that is low overhead, dependency free, and easy to install.",
+        'Documentation for grlx. Fleet configuration management that is low overhead, dependency free, and easy to install.',
       components: {
-        Head: "./src/components/Transitions.astro",
-        Footer: "./src/components/AdatomicFooter.astro",
+        Footer: './src/components/AdatomicFooter.astro',
       },
-      customCss: ["./src/tailwind.css"],
-      defaultLocale: "root",
+      customCss: ['./src/tailwind.css'],
+      defaultLocale: 'root',
       locales: {
         root: {
-          label: "English",
-          lang: "en", // lang is required for root locales
+          label: 'English',
+          lang: 'en', // lang is required for root locales
         },
       },
-      favicon: "/favicon.ico",
+      favicon: '/favicon.ico',
       head,
-      logo: { src: "./src/assets/grlx.webp" },
+      logo: { src: './src/assets/grlx.webp' },
       social: {
-        github: "https://github.com/gogrlx/grlx",
-        "x.com": "https://x.com/gogrlx",
+        github: 'https://github.com/gogrlx/grlx',
+        'x.com': 'https://x.com/gogrlx',
       },
       sidebar: [
-        { label: "Getting Started", link: "/getting-started" },
+        { label: 'Getting Started', link: '/getting-started' },
         {
-          label: "Ingredients",
-          autogenerate: { directory: "ingredients" },
+          label: 'Ingredients',
+          autogenerate: { directory: 'ingredients' },
+        },
+        {
+          label: 'Architecture',
+          autogenerate: { directory: 'architecture' },
         },
       ],
     }),
@@ -143,5 +146,5 @@ export default defineConfig({
       applyBaseStyles: false,
     }),
   ],
-  site: "https://doc.grlx.dev",
-});
+  site: 'https://doc.grlx.dev',
+})