docs: updates video for dozzle.dev (#3008)

docs/.vitepress/theme/components/BrowserWindow.vue

@@ -1,14 +0,0 @@
-<script setup></script>
-
-<template>
-  <div border="~ solid rounded light-100 dark:dark-50" bg="[#eee] dark:[#222]">
-    <div flex gap="2" p-2>
-      <div circle-red />
-      <div circle-yellow />
-      <div circle-green />
-    </div>
-    <div class="content">
-      <slot />
-    </div>
-  </div>
-</template>

docs/.vitepress/theme/components/HeroVideo.vue

@@ -27,18 +27,18 @@ onUnmounted(() => {
 </script>
 
 <template>
-  <browser-window drop-shadow-md>
-    <video muted loop autoplay playsinline poster="../media/poster.png" v-if="isDark">
-      <source src="../media/dozzle-dark.webm" type="video/webm" />
+  <div
+    class="border-rounded-md border-light-100 dark:border-dark-50 overflow-hidden border border-solid bg-[#eee] drop-shadow-md dark:bg-[#222]"
+  >
+    <video muted loop autoplay playsinline poster="../media/poster-dark.png" v-if="isDark">
       <source src="../media/dozzle-dark.mp4" type="video/mp4" />
-      <img src="../media/poster.png" alt="" />
+      <img src="../media/poster-dark.png" alt="" />
     </video>
-    <video muted loop autoplay playsinline poster="../media/poster.png" v-else>
-      <source src="../media/dozzle-light.webm" type="video/webm" />
+    <video muted loop autoplay playsinline poster="../media/poster-light.png" v-else>
       <source src="../media/dozzle-light.mp4" type="video/mp4" />
-      <img src="../media/poster.png" alt="" />
+      <img src="../media/poster-light.png" alt="" />
     </video>
-  </browser-window>
+  </div>
 </template>
 
 <style scoped></style>

docs/unocss.config.ts

@@ -1,4 +1,4 @@
-import { defineConfig, presetAttributify, presetIcons, presetUno, presetWebFonts } from "unocss";
+import { defineConfig, presetIcons, presetUno, presetWebFonts } from "unocss";
 
 import { presetTypography } from "@unocss/preset-typography";
 import transformerDirectives from "@unocss/transformer-directives";
@@ -8,7 +8,6 @@ export default defineConfig({
   transformers: [transformerDirectives()],
   presets: [
     presetUno(),
-    presetAttributify(),
     presetTypography(),
     presetIcons({
       scale: 1.2,