extract markdown to its own file

src/lib/markdown.ts

@@ -0,0 +1,12 @@
+import rehypeStringify from 'rehype-stringify';
+import remarkParse from 'remark-parse';
+import remarkRehype from 'remark-rehype';
+import { unified } from 'unified';
+
+export function getMarkdownFor(text: string) {
+	return unified()
+		.use(remarkParse)
+		.use(remarkRehype)
+		.use(rehypeStringify)
+		.processSync(text).toString()
+}

src/modals/MemberEdit.vue

@@ -32,10 +32,8 @@
 	import { getFiles } from "../lib/util/misc";
 	import { resizeImage } from "../lib/util/image";
 	import { Ref, inject, ref } from "vue";
-	import rehypeStringify from 'rehype-stringify';
-	import remarkParse from 'remark-parse';
-	import remarkRehype from 'remark-rehype';
-	import { unified } from 'unified';
+	import { getMarkdownFor } from "../lib/markdown";
+
 
 	type PartialBy<T, K extends keyof T> = Omit<T, K> & Partial<Pick<T, K>>;
 	const props = defineProps<{
@@ -82,14 +80,6 @@
 			member.value.image = await resizeImage(files[0]);
 		}
 	}
-
-	function getMarkdownFor(text: string){
-		return unified()
-			.use(remarkParse)
-			.use(remarkRehype)
-			.use(rehypeStringify)
-			.processSync(text).toString()
-	}
 </script>
 
 <template>