Prettified Code!

THEME.md

@@ -28,7 +28,7 @@ The notebook text and bubble background colors can be accessed with the `noteboo
 
 ```html
 <div class="bg-notebookBg">
-    <p class="text-notebookText">Body</p>
+  <p class="text-notebookText">Body</p>
 </div>
 ```
 

src/components/lab-notebook/Bubble.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { ref, onMounted } from 'vue'
 
-defineProps<{ alwaysDropdown: boolean, dark?: boolean, nested?: boolean }>()
+defineProps<{ alwaysDropdown: boolean; dark?: boolean; nested?: boolean }>()
 defineEmits<{ (e: 'toggleActivated', state: boolean): void }>()
 
 const title = ref()

src/components/lab-notebook/Section.vue

@@ -1,13 +1,12 @@
-
 <script setup lang="ts">
-  const sectionTitleStyle = 'text-subtitle-sm lg:text-subtitle text-white mb-4'
+const sectionTitleStyle = 'text-subtitle-sm lg:text-subtitle text-white mb-4'
 </script>
 
 <template>
-    <section>
-        <h3 :class="sectionTitleStyle">
-            <slot name="sub-title"></slot>
-        </h3>
-        <slot name="content"></slot>
-    </section>
-</template>
+  <section>
+    <h3 :class="sectionTitleStyle">
+      <slot name="sub-title"></slot>
+    </h3>
+    <slot name="content"></slot>
+  </section>
+</template>

src/components/lab-notebook/SingleColumn.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import Bubble from '@/components/lab-notebook/Bubble.vue'
 
-withDefaults(defineProps<{ alwaysDropdown?: boolean, dark?: boolean, nested?: boolean }>(), {
+withDefaults(defineProps<{ alwaysDropdown?: boolean; dark?: boolean; nested?: boolean }>(), {
   alwaysDropdown: false
 })
 </script>

src/router/index.ts

@@ -10,7 +10,8 @@ const GroupBView = () => import('@/views/lab-validation/GroupBView.vue')
 const GroupCView = () => import('@/views/lab-validation/GroupCView.vue')
 const OctadedronFormation = () => import('@/views/lab-validation/OctahedronFormation.vue')
 const AADocking = () => import('@/views/future-directions/AADocking.vue')
-const OctahedronLiposomeFormation = () => import('@/views/future-directions/OctahedronLiposomeFormation.vue')
+const OctahedronLiposomeFormation = () =>
+  import('@/views/future-directions/OctahedronLiposomeFormation.vue')
 
 const router = createRouter({
   history: createWebHistory(import.meta.env.BASE_URL),