Rename describedBy

Signed-off-by: Olga Bulat <obulat@gmail.com>
WordPress · Feb 6, 2024 · cca1c12 · cca1c12
1 parent 2fc9c82
commit cca1c12
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 8 deletions.
diff --git a/frontend/src/components/VMediaInfo/VMetadata.vue b/frontend/src/components/VMediaInfo/VMetadata.vue
@@ -3,7 +3,7 @@
     <div v-for="datum in metadata" :key="datum.label">
       <VSourceProviderTooltip
         v-if="tooltipId(datum)"
-        :describedby="tooltipId(datum)"
+        :described-by="tooltipId(datum)"
         class="label-regular mb-1 flex flex-row items-center ps-1"
         :datum="datum"
       />
@@ -21,7 +21,7 @@
       <VSourceProviderTooltip
         v-if="tooltipId(datum)"
         :key="datum.label"
-        :describedby="tooltipId(datum)"
+        :described-by="tooltipId(datum)"
         class="label-regular flex flex-row items-center p-1 sm:py-0 sm:pe-0"
         :datum="datum"
       />

diff --git a/frontend/src/components/VMediaInfo/VSourceProviderTooltip.vue b/frontend/src/components/VMediaInfo/VSourceProviderTooltip.vue
@@ -1,7 +1,7 @@
 <template>
   <dt>
     {{ $t(datum.label) }}
-    <VTooltip placement="top" :describedby="describedby" class="ms-1">
+    <VTooltip placement="top" :described-by="describedBy" class="ms-1">
       <template #default>
         <p
           class="caption-regular rounded-sm bg-dark-charcoal px-2 py-1 text-white"
@@ -28,7 +28,7 @@ export default defineComponent({
       type: Object as PropType<Metadata>,
       required: true,
     },
-    describedby: {
+    describedBy: {
       type: String,
       required: true,
     },

diff --git a/frontend/src/components/VTooltip/VTooltip.vue b/frontend/src/components/VTooltip/VTooltip.vue
@@ -14,8 +14,8 @@
       -->
       <slot name="trigger" :open="open">
         <VIconButton
-          :label="describedby"
-          :aria-describedby="describedby"
+          :label="describedBy"
+          :aria-describedby="describedBy"
           variant="bordered-white"
           size="disabled"
           class="h-4 w-4 hover:!border-tx"
@@ -26,7 +26,7 @@
     </div>
     <div
       v-show="visibleRef"
-      :id="describedby"
+      :id="describedBy"
       ref="tooltipRef"
       role="tooltip"
       :class="`z-${zIndex} w-max-content absolute left-0 top-0`"
@@ -89,7 +89,7 @@ export default defineComponent({
      * The id of the element labelling the popover content.
      * The owning element must have `aria-describedby` set to this value.
      */
-    describedby: {
+    describedBy: {
       type: String,
       required: true,
     },