diff --git a/templates/nwcprovider/admin.html b/templates/nwcprovider/admin.html
index dbd87ba..3a64166 100644
--- a/templates/nwcprovider/admin.html
+++ b/templates/nwcprovider/admin.html
@@ -38,8 +38,8 @@
 </div>
 {% endblock %} {% block scripts %} {{ window_vars(user) }}
 <script>
-  new Vue({
-    el: "#vue",
+window.app = Vue.createApp({
+  el: '#vue',
     mixins: [windowMixin],
     delimiters: ["${", "}"],
     data: function () {
diff --git a/templates/nwcprovider/index.html b/templates/nwcprovider/index.html
index 109762b..31abbe8 100644
--- a/templates/nwcprovider/index.html
+++ b/templates/nwcprovider/index.html
@@ -46,10 +46,10 @@
         <q-table
           dense
           flat
-          :data="nwcEntries"
+          :rows="nwcEntries"
           row-key="id"
           :columns="nwcsTable.columns"
-          :pagination.sync="nwcsTable.pagination"
+          v-model:pagination="nwcsTable.pagination"
         >
           <nwcprovider v-slot:header="props">
             <q-tr :props="props">
@@ -407,8 +407,8 @@
   window.NobleSecp256k1 = NobleSecp256k1;
 </script>
 <script>
-  new Vue({
-    el: "#vue",
+window.app = Vue.createApp({
+  el: '#vue',
     mixins: [windowMixin],
     delimiters: ["${", "}"],
     data: function () {