global-bottom.vue makes slides pixelated in Safari

[gy-mate]

Describe the bug

Slide contents are pixelated in Safari and using the zoom option amplifies this. This might be induced by the persistence of a global-bottom.vue because it works well with npm create slidev@latest.

Google Chrome 131.0.6778.205:

Safari 18.2:

Minimal reproduction

1. Run:

   git clone https://github.com/gy-mate/talks
   cd talks/2024-12-10_BME_FLOSS_assignment
   git checkout 8a11af1
   slidev

2. Add zoom: 3 at https://github.com/gy-mate/talks/blob/8a11af18b216e5fbf66350ca1bf036f36c2c6b81/2024-12-10_BME_FLOSS_assignment/slides.md?plain=1#L205
3. Open http://localhost:3030/18 or http://localhost:3030/7
4. See the pixelated content

Environment

• Slidev version: 0.51.0-beta.4 (global) and 0.50.0 (local)
• Browser: Safari 18.2
• OS: macOS 15.2