From dd30f08d9a05228d79cbe5bde37bb4a3bc40f8bb Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E2=98=99=E2=97=A6=20The=20Tablet=20=E2=9D=80=20GamerGirla?=
 =?UTF-8?q?ndCo=20=E2=97=A6=E2=9D=A7?= <i.am.the.tablet@proton.me>
Date: Tue, 10 Oct 2023 22:07:12 -0400
Subject: [PATCH] fix(components): point tinymce component to local
 installation

tiny.dick has caught up to us unfortunately :/
---
 components/baseEditor.vue | 69 ++++++++++++++++++++++++---------------
 1 file changed, 43 insertions(+), 26 deletions(-)

diff --git a/components/baseEditor.vue b/components/baseEditor.vue
index 27aa18a..d7b8cc1 100644
--- a/components/baseEditor.vue
+++ b/components/baseEditor.vue
@@ -1,28 +1,45 @@
-<script setup lang="ts">
-	import TinymceEditor from "@tinymce/tinymce-vue"
-	import {useDark} from "@vueuse/core"
-import { NamePath } from "ant-design-vue/es/form/interface";
-import {Field as VeeField} from "vee-validate"
-	import tinymce from "tinymce"
-	const props = defineProps<{
-		name: string;
-		init: any;
-		label: string;
-		val?: string;
-		width?: number;
-		wrapCol?: any;
+<script setup lang="ts">
+	import TinymceEditor from "@tinymce/tinymce-vue";
+	import { useDark } from "@vueuse/core";
+	import { NamePath } from "ant-design-vue/es/form/interface";
+	import { Field as VeeField } from "vee-validate";
+	import tinymce from "tinymce";
+	const props = defineProps<{
+		name: string;
+		init: any;
+		label: string;
+		val?: string;
+		width?: number;
+		wrapCol?: any;
 	}>();
 	let dark = inject<boolean>("dark");
-</script>
-<template>
-	<ClientOnly>
-		<vee-field :name="props.name" v-slot="{errorMessage, field, value}" :value="val">
-			<a-form-item :validate-status="!!errorMessage ? 'error' : undefined" :name="props.name" :label="props.label" :value="val">
-				<tinymce-editor v-bind="field" width="100%" cloud-channel="6-dev" api-key="qagffr3pkuv17a8on1afax661irst1hbr4e6tbv888sz91jc" 
-				:init="{...props.init, 
-					skin: props.dark ? 'oxide-dark' : 'oxide', 
-					content_css: props.dark ? 'dark' : 'default'}"/>
-			</a-form-item>
-		</vee-field>
-	</ClientOnly>
-</template>
\ No newline at end of file
+</script>
+<template>
+	<ClientOnly>
+		<vee-field
+			:name="props.name"
+			v-slot="{ errorMessage, field, value }"
+			:model-value="props.val"
+		>
+			<a-form-item
+				:validate-status="!!errorMessage ? 'error' : undefined"
+				:name="props.name"
+				:label="props.label"
+				:help="errorMessage"
+			>
+				<tinymce-editor
+					v-bind="field"
+					width="100%"
+					:initial-value="value"
+					v-model:model-value="field.value"
+					tinymce-script-src="/tinymce/js/tinymce/tinymce.min.js"
+					:init="{
+						...props.init,
+						skin: dark ? 'oxide-dark' : 'oxide',
+						content_css: dark ? 'dark' : 'default',
+					}"
+				/>
+			</a-form-item>
+		</vee-field>
+	</ClientOnly>
+</template>