move search logic to frontend

resources/assets/js/app.js

@@ -0,0 +1,22 @@
+
+/**
+ * First we will load all of this project's JavaScript dependencies which
+ * includes Vue and other libraries. It is a great starting point when
+ * building robust, powerful web applications using Vue and Laravel.
+ */
+
+require('./bootstrap');
+
+window.Vue = require('vue');
+
+/**
+ * Next, we will create a fresh Vue application instance and attach it to
+ * the page. Then, you may begin adding components to this application
+ * or customize the JavaScript scaffolding to fit your unique needs.
+ */
+
+Vue.component('my-vuetable', require('./components/MyVuetable.vue'));
+
+const app = new Vue({
+    el: '#app'
+});

resources/assets/js/components/MyVuetable.vue

@@ -0,0 +1,18 @@
+// MyVuetable.vue
+
+<template>
+  <vuetable ref="vuetable"
+    api-url="https://vuetable.ratiw.net/api/users"
+    :fields="['name', 'email', 'birthdate']"
+  ></vuetable>
+</template>
+
+<script>
+import Vuetable from "vuetable-2/src/components/Vuetable";
+
+export default {
+  components: {
+    Vuetable
+  }
+};
+</script>