sorting datatables

resources/js/components/Others/Forms/SwitchInput.vue

@@ -8,7 +8,7 @@
         <div class="switch-content text-right">
             <div
                     class="switch"
-                    :class="{ active: isSwitched }"
+                    :class="{ active: state }"
                     @click="changeState"
             >
                 <div class="switch-button"></div>
@@ -20,7 +20,13 @@
 <script>
     export default {
         name:'SwitchInput',
-        props: ['label', 'name', 'state', 'info'],
+        props: [
+			'label',
+			'name',
+			'state',
+			'info',
+			'input',
+		],
         data() {
             return {
                 isSwitched: undefined

resources/js/components/Others/Tables/DatatableWrapper.vue

@@ -8,7 +8,7 @@
 						v-for="(column, index) in columns"
 						@click="sort(column.field, column.sortable)"
 						:key="index"
-						:class="{ 'sortable': column.sortable, 'text-right': (Object.values(columns).length - 1) === index }"
+						:class="{ 'sortable cursor-pointer': column.sortable, 'text-right': (Object.values(columns).length - 1) === index }"
 						v-if="! column.hidden"
 					>
 						<span class="dark:text-gray-500 text-gray-400 text-xs">