fix(PageHeaderLinks): replace UButtonGroup with UFieldGroup in template (#266)

Co-authored-by: Benjamin Canac <[email protected]>

Author: aloky

app/components/PageHeaderLinks.vue

@@ -5,8 +5,6 @@ const route = useRoute()
 const toast = useToast()
 const { copy, copied } = useClipboard()
 const site = useSiteConfig()
-const isCopying = ref(false)
-console.log(site)
 
 const mdPath = computed(() => `${site.url}/raw${route.path}.md`)
 
@@ -43,20 +41,17 @@ const items = [
 ]
 
 async function copyPage() {
-  isCopying.value = true
   copy(await $fetch<string>(`/raw${route.path}.md`))
-  isCopying.value = false
 }
 </script>
 
 <template>
-  <UButtonGroup>
+  <UFieldGroup>
     <UButton
       label="Copy page"
       :icon="copied ? 'i-lucide-copy-check' : 'i-lucide-copy'"
       color="neutral"
       variant="outline"
-      :loading="isCopying"
       :ui="{
         leadingIcon: [copied ? 'text-primary' : 'text-neutral', 'size-3.5']
       }"
@@ -78,7 +73,8 @@ async function copyPage() {
         size="sm"
         color="neutral"
         variant="outline"
+        aria-label="Open copy actions menu"
       />
     </UDropdownMenu>
-  </UButtonGroup>
+  </UFieldGroup>
 </template>