From 311f4c1a873f49fa6f5747de1c282ce481b410fd Mon Sep 17 00:00:00 2001
From: Shyam-Chen <shyamchen1994@gmail.com>
Date: Tue, 2 Apr 2024 11:38:24 +0800
Subject: [PATCH] 1,416th Commit

---
 .../(library)/data-display/infinite-scroll/InfiniteList.vue     | 2 +-
 .../(library)/data-display/virtual-scroll/VirtualList.vue       | 2 +-
 ui/src/components/checkbox-group/CheckboxGroup.vue              | 2 +-
 ui/src/components/code-block/CodeBlock.vue                      | 2 ++
 ui/src/components/radio-group/RadioGroup.vue                    | 2 +-
 5 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/app/src/routes/(backstage)/(library)/data-display/infinite-scroll/InfiniteList.vue b/app/src/routes/(backstage)/(library)/data-display/infinite-scroll/InfiniteList.vue
index 5020cb59..2fd4f7b7 100644
--- a/app/src/routes/(backstage)/(library)/data-display/infinite-scroll/InfiniteList.vue
+++ b/app/src/routes/(backstage)/(library)/data-display/infinite-scroll/InfiniteList.vue
@@ -1,4 +1,4 @@
-<script setup lang="ts">
+<script lang="ts" setup>
 import { ref } from 'vue';
 import { useInfiniteScroll } from '@vueuse/core';
 
diff --git a/app/src/routes/(backstage)/(library)/data-display/virtual-scroll/VirtualList.vue b/app/src/routes/(backstage)/(library)/data-display/virtual-scroll/VirtualList.vue
index 00d35bf6..35b0b793 100644
--- a/app/src/routes/(backstage)/(library)/data-display/virtual-scroll/VirtualList.vue
+++ b/app/src/routes/(backstage)/(library)/data-display/virtual-scroll/VirtualList.vue
@@ -1,4 +1,4 @@
-<script setup lang="ts">
+<script lang="ts" setup>
 import { ref } from 'vue';
 import { useVirtualList } from '@vueuse/core';
 
diff --git a/ui/src/components/checkbox-group/CheckboxGroup.vue b/ui/src/components/checkbox-group/CheckboxGroup.vue
index 8a1d8075..24c8bbeb 100644
--- a/ui/src/components/checkbox-group/CheckboxGroup.vue
+++ b/ui/src/components/checkbox-group/CheckboxGroup.vue
@@ -40,7 +40,7 @@ function onChange(val: unknown) {
 
 <template>
   <FormControl v-slot="{ uid }" :label="label" :required="required" :invalid="invalid" :help="help">
-    <div class="flex items-center gap-4">
+    <div class="flex flex-wrap items-center gap-4">
       <Checkbox
         v-for="(item, index) in options"
         v-bind="$attrs"
diff --git a/ui/src/components/code-block/CodeBlock.vue b/ui/src/components/code-block/CodeBlock.vue
index a4effa35..b000adc7 100644
--- a/ui/src/components/code-block/CodeBlock.vue
+++ b/ui/src/components/code-block/CodeBlock.vue
@@ -22,6 +22,8 @@ const isDark = useDark();
 const highlighter = useHighlighter();
 
 onBeforeMount(async () => {
+  if (highlighter.state.core) return;
+
   highlighter.state.core = await getHighlighterCore({
     themes: [import('shiki/themes/github-dark.mjs'), import('shiki/themes/github-light.mjs')],
     langs: [
diff --git a/ui/src/components/radio-group/RadioGroup.vue b/ui/src/components/radio-group/RadioGroup.vue
index 62eac26d..61e6eabe 100644
--- a/ui/src/components/radio-group/RadioGroup.vue
+++ b/ui/src/components/radio-group/RadioGroup.vue
@@ -23,7 +23,7 @@ const emit = defineEmits<{
 
 <template>
   <FormControl v-slot="{ uid }" :label="label" :required="required" :invalid="invalid" :help="help">
-    <div class="flex items-center gap-4">
+    <div class="flex flex-wrap items-center gap-4">
       <label
         v-for="(item, index) in options"
         :key="index"