🐛 fixed gallery loading packery problem

layouts/shortcodes/gallery.html

@@ -6,15 +6,11 @@
 </div>
 
 <script>
-
+  $(document).ready(function () {
-  document.addEventListener("DOMContentLoaded", function () {
+    $('#{{ $id }}').packery({
-    setTimeout(() => {
+      percentPosition: true,
-      var elem = document.querySelector('#{{ $id }}');
+      gutter: 5,
-      var pckry = new Packery(elem, {
+      resize: true
-        percentPosition: true,
+    });
-        gutter: 5,
+  })
-        resize: true
-      });
-    }, 50)
-  });
 </script>

package.json

@@ -1,6 +1,6 @@
 {
   "name": "hugo-blowfish-theme",
-  "version": "2.30.0",
+  "version": "2.31.0",
   "description": "Blowfish theme for Hugo",
   "scripts": {
     "fullinstall": "npm run preinstall && npm install && npm run postinstall",