[BUG] Offcanvas cannot dismiss correctly while using bootstrap 5.3.2

[String10]

Browser

Microsoft Edge: 122.0.2365.66 (Official build) (64-bit)

OS

Microsoft Edge: 122.0.2365.66 (Official build) (64-bit)

Screen size

2560x1440

Describe the bug

The off-canvas doesn't disappear properly. If you choose to make it disappear by clicking on the blank area, you need to click on the off-canvas backdrop twice, for the backdrops are added twice.

I'm using tabler via CDN in index.html, and bootstrap 5.3.2 installed by npm.

Once I import 'bootstrap' in App.vue directly or indirectly, the bug shows. Removing the imports serves as a workaround, but I still want to know what causes this, or just I'm using tabler in a wrong way.

Please refer to String10/ChinaOpenDataPortal-FrontEnd-Vue@d54d9eb for more infomation. The off-canvas works well before that commit.

How to reproduce

1. Go to 'china-open-data-portal-front-end-m538rqlxa-strnas9.vercel.app' (deployed on the mentioned commit)
2. Click on '关于'
3. Click on the blank area and off-canvas will dismiss.
4. See error (there's still another off-canvas backdrop).
   ...

Screenshots

JSFiddle

No response