v12 (#5712)

Co-authored-by: MeiMei <30769358+mei23@users.noreply.github.com>
Co-authored-by: Satsuki Yanagi <17376330+u1-liquid@users.noreply.github.com>

src/client/components/page/page.textarea.vue

@@ -0,0 +1,35 @@
+<template>
+<mk-textarea :value="text" readonly></mk-textarea>
+</template>
+
+<script lang="ts">
+import Vue from 'vue';
+import MkTextarea from '../ui/textarea.vue';
+
+export default Vue.extend({
+	components: {
+		MkTextarea
+	},
+	props: {
+		value: {
+			required: true
+		},
+		script: {
+			required: true
+		}
+	},
+	data() {
+		return {
+			text: this.script.interpolate(this.value.text),
+		};
+	},
+	watch: {
+		'script.vars': {
+			handler() {
+				this.text = this.script.interpolate(this.value.text);
+			},
+			deep: true
+		}
+	}
+});
+</script>