diff --git a/index.js b/index.js
index 57ad379..680e5db 100755
--- a/index.js
+++ b/index.js
@@ -10,8 +10,8 @@ const fs = require('fs')
 const tmpObj = tmp.fileSync({ mode: 0o644, prefix: 'mermaid-filter-', postfix: '.err' })
 const errorLog = fs.createWriteStream(tmpObj.name)
 
-pandoc.toJSONFilter(function (type, value, format, meta) {
+pandoc.toJSONFilter(function (ele,format,meta) {
   // Redirect stderr to a globally created writeable stream
   process.stderr.write = errorLog.write.bind(errorLog)
-  return utils.mermaid(type, value, format, meta)
+  return utils.mermaid(ele.t, ele.c, format, meta)
 })
diff --git a/package-lock.json b/package-lock.json
index fc8d251..4438fab 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -12,7 +12,7 @@
         "@mermaid-js/mermaid-cli": "^10",
         "imgur": "^0.3.1",
         "minimist": ">=0.2.1",
-        "pandoc-filter": "^0.1.3",
+        "pandoc-filter": "^2.2.0",
         "sanitize-filename": "1.6.1",
         "tmp": "^0.0.28"
       },
@@ -3596,11 +3596,11 @@
       }
     },
     "node_modules/get-stdin": {
-      "version": "0.1.0",
-      "resolved": "https://registry.npmjs.org/get-stdin/-/get-stdin-0.1.0.tgz",
-      "integrity": "sha1-WZivJKr8gC0VyCxoVlfuuLENSpE=",
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/get-stdin/-/get-stdin-7.0.0.tgz",
+      "integrity": "sha512-zRKcywvrXlXsA0v0i9Io4KDRaAw7+a1ZpjRwl9Wox8PFlVCCHra7E9c4kqXCoCM9nR5tBkaTTZRBoCm60bFqTQ==",
       "engines": {
-        "node": ">=0.10.0"
+        "node": ">=8"
       }
     },
     "node_modules/get-stream": {
@@ -6155,14 +6155,14 @@
       }
     },
     "node_modules/pandoc-filter": {
-      "version": "0.1.8",
-      "resolved": "https://registry.npmjs.org/pandoc-filter/-/pandoc-filter-0.1.8.tgz",
-      "integrity": "sha512-vUe/6vbKX/X+7utsn5bgNXkq7G/NOfIRVguOh8LQG8wwnoqjgcsJH4xvvRRaHbUWgsAf6OQAGbPTeOsPoLwVGQ==",
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/pandoc-filter/-/pandoc-filter-2.2.0.tgz",
+      "integrity": "sha512-mtjZfaiyONjN8HigU1XCoGDcadMmBwYtjAL2ol0vaY4qiOWmtCaVGJIa1gglKk7VSwYgAEfuE+5nvj/G3jLRBg==",
       "dependencies": {
-        "get-stdin": "~0.1.0"
+        "get-stdin": "~7.0.0"
       },
       "engines": {
-        "node": ">=0.8.0"
+        "node": ">=7.6.0"
       }
     },
     "node_modules/parent-module": {
@@ -10173,9 +10173,9 @@
       "dev": true
     },
     "get-stdin": {
-      "version": "0.1.0",
-      "resolved": "https://registry.npmjs.org/get-stdin/-/get-stdin-0.1.0.tgz",
-      "integrity": "sha1-WZivJKr8gC0VyCxoVlfuuLENSpE="
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/get-stdin/-/get-stdin-7.0.0.tgz",
+      "integrity": "sha512-zRKcywvrXlXsA0v0i9Io4KDRaAw7+a1ZpjRwl9Wox8PFlVCCHra7E9c4kqXCoCM9nR5tBkaTTZRBoCm60bFqTQ=="
     },
     "get-stream": {
       "version": "5.2.0",
@@ -12025,11 +12025,11 @@
       "dev": true
     },
     "pandoc-filter": {
-      "version": "0.1.8",
-      "resolved": "https://registry.npmjs.org/pandoc-filter/-/pandoc-filter-0.1.8.tgz",
-      "integrity": "sha512-vUe/6vbKX/X+7utsn5bgNXkq7G/NOfIRVguOh8LQG8wwnoqjgcsJH4xvvRRaHbUWgsAf6OQAGbPTeOsPoLwVGQ==",
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/pandoc-filter/-/pandoc-filter-2.2.0.tgz",
+      "integrity": "sha512-mtjZfaiyONjN8HigU1XCoGDcadMmBwYtjAL2ol0vaY4qiOWmtCaVGJIa1gglKk7VSwYgAEfuE+5nvj/G3jLRBg==",
       "requires": {
-        "get-stdin": "~0.1.0"
+        "get-stdin": "~7.0.0"
       }
     },
     "parent-module": {
diff --git a/package.json b/package.json
index ef3722c..17a1971 100644
--- a/package.json
+++ b/package.json
@@ -22,7 +22,7 @@
     "@mermaid-js/mermaid-cli": "^10",
     "imgur": "^0.3.1",
     "minimist": ">=0.2.1",
-    "pandoc-filter": "^0.1.3",
+    "pandoc-filter": "^2.2.0",
     "sanitize-filename": "1.6.1",
     "tmp": "^0.0.28"
   },
diff --git a/test.md b/test.md
index 22bd76a..6a75cf1 100644
--- a/test.md
+++ b/test.md
@@ -17,10 +17,8 @@ sequenceDiagram
     John-->>Alice: Great!
 ```
 ## fig ref
-```{.mermaid #fig:ref caption="Caption" format=png loc=img/child alt="should have id of fig:ref"}
-
 If an id starts with `fig:`, then `title` attribute is set to `fig:`
-
+```{.mermaid #fig:ref caption="Caption" format=png loc=img/child alt="should have id of fig:ref"}
 sequenceDiagram
     Note right of John: png with id as attr
     Alice->>John: Hello John, how are you?