remove custom rule

src/components/ChannelItem.vue

@@ -1,7 +1,7 @@
 <template>
     <div class="flex flex-col flex-justify-between">
         <router-link :to="props.item.url">
-            <div class="flex justify-center h-10-rem mb-4">
+            <div class="flex justify-center h-[10rem] mb-4">
                 <img class="aspect-square rounded-full" :src="props.item.thumbnail" loading="lazy" />
             </div>
             <p>

uno.config.js

@@ -8,15 +8,6 @@ import presetWebFonts from "@unocss/preset-web-fonts";
 
 export default defineConfig({
     transformers: [transformerDirective(), transformerVariantGroup()],
-    rules: [
-        [
-            /^h-([\d]+)-rem$/,
-            ([_, num]) => {
-                _; // fixes linting error
-                return { height: `${num}rem` };
-            },
-        ],
-    ],
     presets: [
         presetUno({
             dark: "media",