reverted back from vue typescript to javascript to fix bad performance...

resources/js/pages/Users/Edit.vue

@@ -2,5 +2,5 @@
 
 </template>
 
-<script setup lang="ts">
+<script setup>
 </script>

resources/js/pages/Users/Index.vue

@@ -11,16 +11,12 @@
    />
 </template>
 
-<script setup lang="ts">
-
-import type { User } from '../../types/User'
-import type { DataTableColumns } from 'naive-ui'
-import type { VNode } from 'vue'
+<script setup>
 
 import { h } from 'vue'
 import BELayout from '@/layouts/BELayout.vue'
 import FlashMessages from '@/components/FlashMessages.vue'
-import { NIcon, NButton, NDataTable, NMessageProvider } from 'naive-ui'
+import { NIcon, NButton } from 'naive-ui'
 
 import {
    AdminPanelSettingsFilled as Admin,
@@ -30,12 +26,9 @@ import {
 
 defineOptions({ layout: BELayout })
 
-const props = defineProps<{
-   users?: User[],
-   flashMessages?: Object
-}>()
+const props = defineProps(['users', 'flashMessages'])
 
-const columns: DataTableColumns<User> = [
+const columns = [
    {
       title: "Admin",
       key: "is_admin",
@@ -58,7 +51,7 @@ const columns: DataTableColumns<User> = [
       key: "actions",
       className: "space-x-4",
       render(row) {
-         let arr: VNode[] = []
+         let arr = []
          arr[0] = h(
             NButton,
             { 
@@ -84,11 +77,11 @@ const columns: DataTableColumns<User> = [
    }
 ]
 
-function clickEdit(id: Number){
+function clickEdit(id){
    console.log("Edit clicked: "+id)
 }
 
-function clickDelete(id: Number){
+function clickDelete(id){
    console.log("Delete clicked: "+id)
 }
 

resources/js/pages/Users/Show.vue

@@ -2,9 +2,8 @@
 
 </template>
 
-<script lang="ts" setup>
+<script setup>
 import BELayout from '@/layouts/BELayout.vue'
-//import FlashMessages from '@/components/FlashMessages.vue'
 
 defineOptions({ layout: BELayout })