fix(navigation): add alpine plugins to dependencies

README.md

@@ -103,7 +103,6 @@ For more information on Docker basics related to Kirby you can find a very good
 - [Kirby Vite Plugin](https://github.com/arnoson/kirby-vite)
 - [Kirby Fields Block](https://github.com/jongacnik/kirby-fields-block)
 - [Kirby 3 Extended Writer](https://github.com/coralic/kirby-extended-writer)
-- [Autoresize for Kirby 3](https://github.com/medienbaecker/kirby-autoresize)
 
 ## License
 

composer.json

@@ -8,8 +8,7 @@
  "belugadigital/kirby-navigation": "^3.0",
  "arnoson/kirby-vite": "^3.0",
  "jg/kirby-fields-block": "^1.2",
- "coralic/kirby-extended-writer": "^1.1",
- "medienbaecker/autoresize": "^2.1"
+ "coralic/kirby-extended-writer": "^1.1"
  },
  "config": {
  "optimize-autoloader": true,

package.json

@@ -28,6 +28,8 @@
  },
  "packageManager": "yarn@3.5.0",
  "dependencies": {
+ "@alpinejs/collapse": "^3.12.2",
+ "@alpinejs/focus": "^3.12.2",
  "@thoughtbot/tailwindcss-aria-attributes": "^0.2.0",
  "alpinejs": "^3.12.1",
  "body-scroll-lock": "^4.0.0-beta.0"

src/main.ts

@@ -1,10 +1,17 @@
+import Alpine from "alpinejs";
+
+// @ts-ignore
+import focus from "@alpinejs/focus";
+// @ts-ignore
+import collapse from "@alpinejs/collapse";
+
 import Gallery from "./blocks/gallery";
 import MobileNavigation from "./blocks/mobileNavigation";
 
 import "./main.scss";
 
-import Alpine from "alpinejs";
-
+Alpine.plugin(collapse);
+Alpine.plugin(focus);
 // suggested in the Alpine docs:
 // make Alpine on window available for better DX
 window.Alpine = Alpine;

yarn.lock

@@ -12,6 +12,22 @@ __metadata:
  languageName: node
  linkType: hard
 
+"@alpinejs/collapse@npm:^3.12.2":
+ version: 3.12.2
+ resolution: "@alpinejs/collapse@npm:3.12.2"
+ checksum: abaab398d38402f7a116853d4523fdc6c2cfc159c2a46a716fade7a28addb88e429001ba0023265ee04cef7b37d7573ea9f5e98783ad092a5dc25b46b412f573
+ languageName: node
+ linkType: hard
+
+"@alpinejs/focus@npm:^3.12.2":
+ version: 3.12.2
+ resolution: "@alpinejs/focus@npm:3.12.2"
+ dependencies:
+ focus-trap: ^6.6.1
+ checksum: e6cb1ed59613eb254a4d35d57543cea8e62482522b13f7146673522014dea170f90c9301bd999d0eb6f526e8f2825d4c6267d1b29b7b562c88ec3c3036326fc0
+ languageName: node
+ linkType: hard
+
 "@esbuild/android-arm64@npm:0.17.15":
  version: 0.17.15
  resolution: "@esbuild/android-arm64@npm:0.17.15"
@@ -935,6 +951,15 @@ __metadata:
  languageName: node
  linkType: hard
 
+"focus-trap@npm:^6.6.1":
+ version: 6.9.4
+ resolution: "focus-trap@npm:6.9.4"
+ dependencies:
+ tabbable: ^5.3.3
+ checksum: 0b4cebcc11010bd9397731092bd59a981e838c710c6497374ba70571875a14ab27c0db7d60f36005ec01bdabc3b9cfeda11d30ddf5b8874596dcc95e18913b3b
+ languageName: node
+ linkType: hard
+
 "fraction.js@npm:^4.2.0":
  version: 4.2.0
  resolution: "fraction.js@npm:4.2.0"
@@ -1299,6 +1324,8 @@ __metadata:
  version: 0.0.0-use.local
  resolution: "kirby-starter@workspace:."
  dependencies:
+ "@alpinejs/collapse": ^3.12.2
+ "@alpinejs/focus": ^3.12.2
  "@tailwindcss/aspect-ratio": ^0.4.2
  "@thoughtbot/tailwindcss-aria-attributes": ^0.2.0
  "@types/alpinejs": ^3.7.1
@@ -2176,6 +2203,13 @@ __metadata:
  languageName: node
  linkType: hard
 
+"tabbable@npm:^5.3.3":
+ version: 5.3.3
+ resolution: "tabbable@npm:5.3.3"
+ checksum: 1aa56e1bb617cc10616c407f4e756f0607f3e2d30f9803664d70b85db037ca27e75918ed1c71443f3dc902e21dc9f991ce4b52d63a538c9b69b3218d3babcd70
+ languageName: node
+ linkType: hard
+
 "tailwindcss@npm:^3.3.2":
  version: 3.3.2
  resolution: "tailwindcss@npm:3.3.2"