changes

app/components/datatable/ContextMenu.vue

@@ -149,8 +149,7 @@
     <p class="control">
       <button
         class="button"
-        :class="currentField.format !== 'number' && 'has-text-grey-light'"
-        @click="currentField.format === 'number' && $emit('modalevent', { name: 'copyfield', data: currentField })"
+        @click="$copyToClipboard(currentField.name)"
       >
         <span class="icon">
           <Icon
@@ -262,7 +261,7 @@
       <span>{{ currentField.name }}</span>
       <button
         class="button is-small size-8 is-primary is-light is-rounded"
-        @click="copyContent(currentField.name)"
+        @click="$copyToClipboard(currentField.name)"
       >
         <span class="icon">
           <Icon
@@ -430,23 +429,24 @@
 <script setup>
 import { useStore } from "@/stores/index";
 import ScrollBox from "@/components/datatable/ScrollBox.vue";
-const store = useStore();
-const { $copy, $stripHtml, $clone, $arrayMove, $snackbar, $copyToClipboard } = useNuxtApp();
-var props = defineProps({
+
+const props = defineProps({
   pagename: String,
   field: Object,
   filters: Object,
   filterData: Object,
   width: String,
 });
+const { $copy, $stripHtml, $clone, $arrayMove, $snackbar, $copyToClipboard } = useNuxtApp();
 const emit = defineEmits(["modalevent", "changepos", "close"]);
-var colorchoice = store.colorchoice;
+const store = useStore();
+const { colorchoice } = store;
 const errors = ref([]);
 const currentTab = ref("value");
-var currentField = $copy(props.field);
 var pagedata = store[props.pagename];
 var fields = [];
-var label = currentField.label;
+var currentField = $copy(props.field);
+var { label } = currentField;
 const showmodal = ref();
 const checkFilter = function () {};
 const getMenu = function () {
@@ -587,9 +587,6 @@ function createField() {
     height: "630px",
   };
 }
-function copyContent(value) {
-  $copyToClipboard(value);
-}
 function close() {
   showmodal.value = undefined;
 }