slightly improve writing and blog styling

components/Nav.vue

@@ -58,9 +58,11 @@ const changeTheme = () => {
                     </li>
                     <li>
                         <button @click="changeTheme">
-                            <Icon v-if="$colorMode.preference === 'dark'" name="tabler:moon" size="22" />
-                            <Icon v-else-if="$colorMode.preference === 'light'" name="tabler:sun-high" size="22" />
-                            <Icon v-else name="ph:monitor-bold" size="22" />
+                            <span class="min-w-[22px]" v-if="$colorMode.unknown != true">
+                                <Icon v-if="$colorMode.preference === 'dark'" name="tabler:moon" size="22" />
+                                <Icon v-else-if="$colorMode.preference === 'light'" name="tabler:sun-high" size="22" />
+                                <Icon v-else name="ph:monitor-bold" size="22" />
+                            </span>
                         </button>
                     </li>
                 </ul>

components/content/ProseP.vue

@@ -0,0 +1,5 @@
+<template>
+    <p class="my-4">
+        <slot />
+    </p>
+</template>

components/content/ProseUl.vue

@@ -0,0 +1,18 @@
+<template>
+    <ul>
+        <slot />
+    </ul>
+</template>
+
+<style scoped>
+:slotted(li) {
+    position: relative;
+    padding-left: 20px;
+}
+
+:slotted(li)::before {
+    content: "•";
+    position: absolute;
+    left: 0;
+}
+</style>