changes

app/components/datatable/FormatOption.vue

@@ -230,39 +230,37 @@
   </CreateTemplate>
 </template>
 <script setup>
-// FilterOption: () => import("~/components/datatable/FilterOption"),
-// TableOption: () => import("~/components/datatable/TableOption"),
-// CreateTemplate: () => import("~/components/datatable/CreateTemplate")
 import CreateTemplate from "~/components/datatable/CreateTemplate";
+import FilterOption from "~/components/datatable/FilterOption.vue";
+import TableOption from "~/components/datatable/TableOption.vue";
 const { $id, $copy, $empty, $stripHtml } = useNuxtApp();
-var props = defineProps({
+const props = defineProps({
   event: Object,
   currentField: Object,
   pagename: String,
 });
 var currentField = props.currentField;
-var event = props.event;
 var openField = {};
 var bgcolorFilter = [];
 var colorFilter = [];
 var sizeFilter = [];
-var sideBar = undefined;
+var sideBar = ref();
 var script = undefined;
 var radio = undefined;
 var tabs = [
   { code: "expression", name: "Biểu thức" },
   { code: "script", name: "Mã lệnh" },
 ];
-var tab = { code: "expression", name: "Biểu thức" };
+const tab = ref({ code: "expression", name: "Biểu thức" });
 var source = undefined;
 var target = $copy(currentField.name);
 
 const initData = function () {
-  openField = event.field;
-  sideBar = event.name;
-  script = event.script;
-  radio = event.radio;
-  let field = event.field;
+  openField = props.event.field;
+  sideBar.value = props.event.name;
+  script = props.event.script;
+  radio = props.event.radio;
+  let field = props.event.field;
   bgcolorFilter = [{ id: $id() }];
   if (field.bgcolor) {
     if (Array.isArray(field.bgcolor)) bgcolorFilter = $copy(field.bgcolor);
@@ -310,7 +308,7 @@ const checkScript = function () {
 const changeScript = function () {
   if (!checkScript()) return;
   let copy = $copy(openField);
-  copy[sideBar] = JSON.parse(script);
+  copy[sideBar.value] = JSON.parse(script);
   $emit("modalevent", { name: "updatefields", data: copy });
 };
 const doConditionFilter = function (v, type, id) {