consistent indentation in scripts

Author: ArmandPhilippot

src/content/docs/en/reference/modules/astro-transitions.mdx

@@ -169,23 +169,21 @@ const { scope, styles } = createAnimationScope("gallery", {
 
 ## Imports from `astro:transitions/client`
 
-```astro
-<script>
-  import {
-    getFallback,
-    isTransitionBeforePreparationEvent,
-    isTransitionBeforeSwapEvent,
-    navigate,
-    supportsViewTransitions,
-    swapFunctions,
-    transitionEnabledOnThisPage,
-    TRANSITION_AFTER_PREPARATION,
-    TRANSITION_AFTER_SWAP,
-    TRANSITION_BEFORE_PREPARATION,
-    TRANSITION_BEFORE_SWAP,
-    TRANSITION_PAGE_LOAD,
-  } from 'astro:transitions/client';
-</script>
+```ts
+import {
+  getFallback,
+  isTransitionBeforePreparationEvent,
+  isTransitionBeforeSwapEvent,
+  navigate,
+  supportsViewTransitions,
+  swapFunctions,
+  transitionEnabledOnThisPage,
+  TRANSITION_AFTER_PREPARATION,
+  TRANSITION_AFTER_SWAP,
+  TRANSITION_BEFORE_PREPARATION,
+  TRANSITION_BEFORE_SWAP,
+  TRANSITION_PAGE_LOAD,
+} from 'astro:transitions/client';
 ```
 
 ### `navigate()`
@@ -431,11 +429,11 @@ A constant to avoid writing the `astro:before-preparation` event name in plain t
 ---
 
 <script>
-import { TRANSITION_BEFORE_PREPARATION } from "astro:transitions/client";
+  import { TRANSITION_BEFORE_PREPARATION } from "astro:transitions/client";
 
-document.addEventListener(TRANSITION_BEFORE_PREPARATION, () => {
-  /* the listener logic */
-});
+  document.addEventListener(TRANSITION_BEFORE_PREPARATION, () => {
+    /* the listener logic */
+  });
 </script>
 ```
 
@@ -454,11 +452,11 @@ A constant to avoid writing the `astro:after-preparation` event name in plain te
 ---
 
 <script>
-import { TRANSITION_AFTER_PREPARATION } from "astro:transitions/client";
+  import { TRANSITION_AFTER_PREPARATION } from "astro:transitions/client";
 
-document.addEventListener(TRANSITION_AFTER_PREPARATION, () => {
-  /* the listener logic */
-});
+  document.addEventListener(TRANSITION_AFTER_PREPARATION, () => {
+    /* the listener logic */
+  });
 </script>
 ```
 
@@ -477,11 +475,11 @@ A constant to avoid writing the `astro:before-swap` event name in plain text whe
 ---
 
 <script>
-import { TRANSITION_BEFORE_SWAP } from "astro:transitions/client";
+  import { TRANSITION_BEFORE_SWAP } from "astro:transitions/client";
 
-document.addEventListener(TRANSITION_BEFORE_SWAP, () => {
-  /* the listener logic */
-});
+  document.addEventListener(TRANSITION_BEFORE_SWAP, () => {
+    /* the listener logic */
+  });
 </script>
 ```
 
@@ -500,11 +498,11 @@ A constant to avoid writing the `astro:after-swap` event name in plain text when
 ---
 
 <script>
-import { TRANSITION_AFTER_SWAP } from "astro:transitions/client";
+  import { TRANSITION_AFTER_SWAP } from "astro:transitions/client";
 
-document.addEventListener(TRANSITION_AFTER_SWAP, () => {
-  /* the listener logic */
-});
+  document.addEventListener(TRANSITION_AFTER_SWAP, () => {
+    /* the listener logic */
+  });
 </script>
 ```
 
@@ -523,27 +521,25 @@ A constant to avoid writing the `astro:page-load` event name in plain text when
 ---
 
 <script>
-import { TRANSITION_PAGE_LOAD } from "astro:transitions/client";
+  import { TRANSITION_PAGE_LOAD } from "astro:transitions/client";
 
-document.addEventListener(TRANSITION_PAGE_LOAD, () => {
-  /* the listener logic */
-});
+  document.addEventListener(TRANSITION_PAGE_LOAD, () => {
+    /* the listener logic */
+  });
 </script>
 ```
 
 ## `astro:transitions/client` types
 
-```astro
-<script>
-  import type {
-    Direction,
-    Fallback,
-    NavigationTypeString,
-    Options,
-    TransitionBeforePreparationEvent,
-    TransitionBeforeSwapEvent,
-  } from 'astro:transitions/client';
-</script>
+```ts
+import type {
+  Direction,
+  Fallback,
+  NavigationTypeString,
+  Options,
+  TransitionBeforePreparationEvent,
+  TransitionBeforeSwapEvent,
+} from 'astro:transitions/client';
 ```
 
 ### `Direction`