hotfix varables support

Author: jay-p-b-7span

package.json

@@ -1,54 +1,54 @@
 {
-  "name": "@7span/directus-extension-custom-query-panel",
-  "version": "1.1.6",
-  "scripts": {
-    "build": "directus-extension build",
-    "dev": "directus-extension build -w --no-minify",
-    "link": "directus-extension link",
-    "add": "directus-extension add",
-    "prepublishOnly": "npm run build"
-  },
-  "directus:extension": {
-    "host": "^9.22.4",
-    "type": "bundle",
-    "path": {
-      "app": "dist/app.js",
-      "api": "dist/api.js"
+    "name": "@7span/directus-extension-custom-query-panel",
+    "version": "1.1.7",
+    "scripts": {
+        "build": "directus-extension build",
+        "dev": "directus-extension build -w --no-minify",
+        "link": "directus-extension link",
+        "add": "directus-extension add",
+        "prepublishOnly": "npm run build"
     },
-    "entries": [
-      {
-        "type": "panel",
-        "name": "custom-query-panel",
-        "source": "src/custom-query-panel/index.js"
-      },
-      {
-        "type": "endpoint",
-        "name": "custom-query",
-        "source": "src/custom-query/index.js"
-      }
+    "directus:extension": {
+        "host": "^9.22.4",
+        "type": "bundle",
+        "path": {
+            "app": "dist/app.js",
+            "api": "dist/api.js"
+        },
+        "entries": [
+            {
+                "type": "panel",
+                "name": "custom-query-panel",
+                "source": "src/custom-query-panel/index.js"
+            },
+            {
+                "type": "endpoint",
+                "name": "custom-query",
+                "source": "src/custom-query/index.js"
+            }
+        ]
+    },
+    "devDependencies": {
+        "@directus/extensions-sdk": "9.22.4",
+        "vue": "^3.2.47"
+    },
+    "author": {
+        "name": "7span",
+        "email": "[email protected]"
+    },
+    "repository": {
+        "type": "git",
+        "url": "https://github.com/7span/directus-extension-custom-query-panel.git"
+    },
+    "homepage": "https://github.com/7span/directus-extension-custom-query-panel#Readme",
+    "publishConfig": {
+        "access": "public"
+    },
+    "dependencies": {
+        "dotenv": "^16.3.1",
+        "paraphrase": "^3.1.1"
+    },
+    "files": [
+        "dist"
     ]
-  },
-  "devDependencies": {
-    "@directus/extensions-sdk": "9.22.4",
-    "vue": "^3.2.47"
-  },
-  "author": {
-    "name": "7span",
-    "email": "[email protected]"
-  },
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/7span/directus-extension-custom-query-panel.git"
-  },
-  "homepage": "https://github.com/7span/directus-extension-custom-query-panel#Readme",
-  "publishConfig": {
-    "access": "public"
-  },
-  "dependencies": {
-    "dotenv": "^16.3.1",
-    "paraphrase": "^3.1.1"
-  },
-  "files": [
-    "dist"
-  ]
 }

src/custom-query-panel/panel.vue

@@ -71,9 +71,10 @@ export default {
             this.api(`custom-query-panel/execute`, {
                 params: {
                     query_id: this.query_id,
-                    variables: this.variables.length
-                        ? this.variables
-                        : undefined,
+                    variables:
+                        this.variables && this.variables.length
+                            ? this.variables
+                            : undefined,
                 },
             })
                 .then((res) => {