Move files in preparation for monorepo migration

libs/omorphia/docs/components/markdown-editor.md

@@ -0,0 +1,116 @@
+# Markdown Editor
+<script setup>
+import { ref } from "vue";
+
+const description = ref(null);
+const description1 = ref(null);
+const description2 = ref(null);
+const description3 = ref(null);
+
+const description4 = ref("Hello, world! This is a **bold** statement.");
+
+const isDisabled = ref(false);
+
+const onImageUpload = (file) => {
+  return URL.createObjectURL(file).replace("blob:", "");
+};
+</script>
+
+The Markdown editor allows for easy formatting of Markdown text whether the user is familiar with Markdown or not. It includes standard shortcuts such as `CTRL+B` for bold, `CTRL+I` for italic, and more. 
+
+## Full editor
+<DemoContainer>
+  <MarkdownEditor v-model="description" />
+</DemoContainer>
+
+```vue
+<script setup>
+import { ref } from "vue";
+const description = ref(null)
+</script>
+
+<MarkdownEditor v-model="description" />
+```
+
+## With options
+<DemoContainer>
+  <MarkdownEditor v-model="description1" placeholder="Enter a description" max-length="800" max-height="400" />
+</DemoContainer>
+
+```vue
+<script setup>
+import { ref } from "vue";
+const description = ref(null)
+</script>
+
+<MarkdownEditor v-model="description" placeholder="Enter a description" max-length="800" max-height="400" />
+```
+
+## With image upload
+<DemoContainer>
+  <MarkdownEditor v-model="description2" :on-image-upload="onImageUpload" />
+</DemoContainer>
+
+```vue
+<script setup lang="ts">
+import { ref } from "vue";
+const description = ref(null)
+
+// Return a URL to the image for the editor to consume
+const onImageUpload = (file: File): string => {
+  // Upload the file to your server and return a URL
+  // This example url will not work bc of proxy
+
+  // If the upload fails, throw an error and it will show as
+  // a Validation Error to the user
+  return URL.createObjectURL(file).replace("blob:", "");
+};
+</script>
+
+<MarkdownEditor v-model="description" :on-image-upload="onImageUpload" />
+```
+
+## Without heading buttons
+<DemoContainer>
+  <MarkdownEditor v-model="description3" :heading-buttons="false" />
+</DemoContainer>
+
+```vue
+<script setup>
+import { ref } from "vue";
+const description = ref(null)
+</script>
+
+<MarkdownEditor v-model="description" :heading-buttons="false" />
+```
+
+## With default value
+<DemoContainer>
+  <MarkdownEditor v-model="description4" />
+</DemoContainer>
+
+```vue
+<script setup>
+import { ref } from "vue";
+
+const description = ref("Hello, world! This is a **bold** statement.");
+</script>
+
+<MardownEditor v-model="description" />
+```
+
+## Disabled
+<DemoContainer>
+  <Toggle v-model="isDisabled" label="Disabled" />
+  <MarkdownEditor v-model="description" :disabled="isDisabled" />
+</DemoContainer>
+
+```vue
+<script setup>
+import { ref } from "vue";
+
+const description = ref(null);
+</script>
+
+<MardownEditor v-model="description" disabled />
+```