set columns default attrs to avoid repeating code

src/pages/Item/ItemFixedPrice.vue

@@ -93,53 +93,47 @@ const getColumnInputEvents = (col) => {
           };
 };
 
+const defaultColumnFilter = {
+    component: VnInput,
+    type: 'text',
+    filterValue: null,
+    event: getColumnInputEvents,
+    attrs: {
+        dense: true,
+    },
+};
+
+const defaultColumnAttrs = {
+    align: 'left',
+    sortable: true,
+};
+
 const columns = computed(() => [
     {
         label: t('item.fixedPrice.itemId'),
         name: 'itemId',
         field: 'itemFk',
-        align: 'left',
+        ...defaultColumnAttrs,
-        sortable: true,
         columnFilter: {
-            component: VnInput,
+            ...defaultColumnFilter,
-            type: 'text',
-            filterValue: null,
-            event: getColumnInputEvents,
-            attrs: {
-                dense: true,
-            },
         },
     },
     {
         label: t('globals.description'),
         field: 'name',
         name: 'description',
-        align: 'left',
+        ...defaultColumnAttrs,
-        sortable: true,
         columnFilter: {
-            component: VnInput,
+            ...defaultColumnFilter,
-            type: 'text',
-            filterValue: null,
-            event: getColumnInputEvents,
-            attrs: {
-                dense: true,
-            },
         },
     },
     {
         label: t('item.fixedPrice.groupingPrice'),
         field: 'rate2',
         name: 'groupingPrice',
-        align: 'left',
+        ...defaultColumnAttrs,
-        sortable: true,
         columnFilter: {
-            component: VnInput,
+            ...defaultColumnFilter,
-            type: 'text',
-            filterValue: null,
-            event: getColumnInputEvents,
-            attrs: {
-                dense: true,
-            },
         },
         format: (val) => toCurrency(val),
     },
@@ -147,16 +141,9 @@ const columns = computed(() => [
         label: t('item.fixedPrice.packingPrice'),
         field: 'rate3',
         name: 'packingPrice',
-        align: 'left',
+        ...defaultColumnAttrs,
-        sortable: true,
         columnFilter: {
-            component: VnInput,
+            ...defaultColumnFilter,
-            type: 'text',
-            filterValue: null,
-            event: getColumnInputEvents,
-            attrs: {
-                dense: true,
-            },
         },
         format: (val) => dashIfEmpty(val),
     },
@@ -165,32 +152,23 @@ const columns = computed(() => [
         label: t('item.fixedPrice.minPrice'),
         field: 'minPrice',
         name: 'minPrice',
-        align: 'left',
+        ...defaultColumnAttrs,
-        sortable: true,
         columnFilter: {
-            component: VnInput,
+            ...defaultColumnFilter,
-            type: 'text',
-            filterValue: null,
-            event: getColumnInputEvents,
-            attrs: {
-                dense: true,
-            },
         },
     },
     {
         label: t('item.fixedPrice.started'),
         field: 'started',
         name: 'started',
-        align: 'left',
+        ...defaultColumnAttrs,
-        sortable: true,
         columnFilter: null,
     },
     {
         label: t('item.fixedPrice.ended'),
         field: 'ended',
         name: 'ended',
-        align: 'left',
+        ...defaultColumnAttrs,
-        sortable: true,
         columnFilter: null,
     },
 
@@ -198,8 +176,7 @@ const columns = computed(() => [
         label: t('item.fixedPrice.warehouse'),
         field: 'warehouseFk',
         name: 'warehouse',
-        align: 'left',
+        ...defaultColumnAttrs,
-        sortable: true,
         columnFilter: {
             component: VnSelectFilter,
             type: 'select',