Markdown editor in progress + Login and session process completed

components/prose/live/LiveA.vue

@@ -0,0 +1,5 @@
+<template>
+    <a>
+        <slot></slot>
+    </a>
+</template>

components/prose/live/LiveBlockquote.vue

@@ -0,0 +1,12 @@
+<template>
+    <span v-if="focused">> </span>
+    <blockquote ref="el" @focusin="focused = true" @focusout="focused = false">
+        <slot />
+    </blockquote>
+</template>
+
+<script setup lang="ts">
+    const focused = ref(false);
+
+    watch(focused, console.log);
+</script>

components/prose/live/LiveH1.vue

@@ -0,0 +1,3 @@
+<template>
+    <span v-show="false"># </span><h1><slot></slot></h1>
+</template>

components/prose/live/LiveH2.vue

@@ -0,0 +1,12 @@
+<template>
+    <span v-show="focused">## </span><h2><slot></slot></h2>
+</template>
+
+<script setup>
+const props = defineProps({
+    focused: {
+        type: Boolean,
+        default: false
+    }
+})
+</script>

components/prose/live/LiveH3.vue

@@ -0,0 +1,3 @@
+<template>
+    <span v-show="false">### </span><h3><slot></slot></h3>
+</template>

components/prose/live/LiveH4.vue

@@ -0,0 +1,3 @@
+<template>
+    <span v-show="false">#### </span><h4><slot></slot></h4>
+</template>

components/prose/live/LiveH5.vue

@@ -0,0 +1,3 @@
+<template>
+    <span v-show="false">##### </span><h5><slot></slot></h5>
+</template>

components/prose/live/LiveH6.vue

@@ -0,0 +1,3 @@
+<template>
+    <span v-show="false">###### </span><h6><slot></slot></h6>
+</template>