web2py
diff --git a/‎apps/_dashboard/diff2kryten.py‎
Lines changed: 1 addition & 1 deletion b/‎apps/_dashboard/diff2kryten.py‎
Lines changed: 1 addition & 1 deletion
diff --git a/‎apps/_dashboard/static/js/dbadmin.js‎
Lines changed: 46 additions & 10 deletions b/‎apps/_dashboard/static/js/dbadmin.js‎
Lines changed: 46 additions & 10 deletions
diff --git a/‎apps/_dashboard/static/js/highlight.min.js‎
Lines changed: 1243 additions & 43 deletions b/‎apps/_dashboard/static/js/highlight.min.js‎
Lines changed: 1243 additions & 43 deletions
@@ -161,7 +161,7 @@ def diff2kryten(data):
         + '</style></head><body><div style="text-align:right">'
         + "</div>"
         + div
-        + '<script src="/_dashboard/static/js/jquery.min.js"></script>'
+        + '<script src="https://unpkg.com/jquery.min.js"></script>'
         + '<script src="/_dashboard/static/js/highlight.min.js"></script>'
         + "<script>"
         + (script % block)
 
@@ -1,10 +1,46 @@
-var app = {data: {}, methods:{}};
-app.params = new URLSearchParams(window.location.search);
-app.data.loading = 0;
-app.data.app = app.params.get('app');
-app.data.dbname = app.params.get('dbname');
-app.data.tablename = app.params.get('tablename');
-app.data.url = '../rest/{app}/{dbname}/{tablename}'.format(app.data);
-app.data.filter = app.params.get('filter') || '';
-app.data.order = app.params.get('order') || '';
-app.vue = new Vue({el:"#vue", data: app.data, methods: app.methods});
+/**
+ * 
+ * This script initializes a Vue 3 application that handles URL parameters
+ */
+const app = {
+  data: {
+    loading: 0,
+    app: '',
+    dbname: '',
+    tablename: '',
+    url: '',
+    filter: '',
+    order: ''
+  },
+  methods: {}
+};
+
+// Initialize the Vue application
+const { createApp } = Vue;
+
+// Create app instance
+const initApp = () => {
+  app.params = new URLSearchParams(window.location.search);
+  app.data.app = app.params.get('app');
+  app.data.dbname = app.params.get('dbname');
+  app.data.tablename = app.params.get('tablename');
+  app.data.url = '../rest/{app}/{dbname}/{tablename}'.format(app.data);
+  app.data.filter = app.params.get('filter') || '';
+  app.data.order = app.params.get('order') || '';
+
+  // Create Vue 3 app with original data structure
+  const vueApp = createApp({
+    data() {
+      return app.data;
+    },
+    methods: app.methods
+  });
+
+  // Mount the application
+  vueApp.mount('#vue');
+  
+  return vueApp;
+};
+
+// Initialize the app
+const vueInstance = initApp();