fix: styles

Author: mikouaji

app/components/CopyToClipboardButton.vue

@@ -1,4 +1,6 @@
 <script setup lang="ts">
+import type { HTMLAttributes } from 'vue'
+
 defineOptions({
   inheritAttrs: false,
 })
@@ -9,6 +11,7 @@ const props = defineProps<{
   copiedText?: string
   ariaLabelCopy?: string
   ariaLabelCopied?: string
+  buttonAttrs?: HTMLAttributes
 }>()
 
 const buttonCopyText = computed(() => props.copyText || $t('common.copy'))
@@ -37,6 +40,7 @@ function handleClick() {
         copied ? 'text-accent bg-accent/10' : 'text-fg-muted bg-bg border-border',
       ]"
       :aria-label="copied ? buttonAriaLabelCopied : buttonAriaLabelCopy"
+      v-bind="buttonAttrs"
     >
       <span
         :class="copied ? 'i-lucide:check' : 'i-lucide:copy'"

app/pages/compare.vue

@@ -245,7 +245,8 @@ useSeoMeta({
           v-if="packagesData && packagesData.some(p => p !== null)"
           :copied="copied"
           :copy-text="$t('compare.packages.copy_as_markdown')"
-          class="mb-4 inline-block hidden md:inline-flex"
+          class="mb-4"
+          :button-attrs="{ class: 'hidden md:inline-flex' }"
           @click="exportComparisonDataAsMarkdown"
         >
           <h2 id="comparison-heading" class="text-xs text-fg-subtle uppercase tracking-wider">