From 0a18c8b31274d14cb934173dbb9bb2d8e7255611 Mon Sep 17 00:00:00 2001
From: _aandres <alice.andres@m4x.org>
Date: Sun, 29 Jan 2023 00:07:44 +0100
Subject: [PATCH] feat [api]: actor input component (one per line)

---
 front/components/admin/actorsInput.vue | 24 +++++++++++++++++++++---
 1 file changed, 21 insertions(+), 3 deletions(-)

diff --git a/front/components/admin/actorsInput.vue b/front/components/admin/actorsInput.vue
index 20fbab3..7ddf972 100644
--- a/front/components/admin/actorsInput.vue
+++ b/front/components/admin/actorsInput.vue
@@ -1,5 +1,23 @@
-<template></template>
+<template>
+  <textarea v-model="actorsText" class="textarea" :rows="rows" />
+</template>
 
-<script setup lang="ts"></script>
+<script setup lang="ts">
+import { PropType } from "@vue/runtime-core"
 
-<style scoped lang="sass"></style>
+const props = defineProps({
+  modelValue: { type: Array as PropType<string[]>, required: true },
+  rows: { type: Number, default: 5 },
+})
+const emits = defineEmits(["update:modelValue"])
+
+const actorsText = computed<string>({
+  get() {
+    return props.modelValue.join("\n")
+  },
+  set(value) {
+    const array = value.split("\n")
+    emits(`update:modelValue`, array)
+  },
+})
+</script>