fix: prism and aria-hidden on icon

EnergySage · Sep 16, 2024 · 4063044 · 4063044
1 parent a435b47
commit 4063044
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 8 deletions.
diff --git a/es-ds-components/components/es-zip-code-form.vue b/es-ds-components/components/es-zip-code-form.vue
@@ -166,6 +166,7 @@ const handleSubmit = () => {
                 class="d-flex text-left"
                 :class="{ 'font-size-75': constrained }">
                 <icon-lock-on
+                    aria-hidden="true"
                     class="privacy-lock-icon flex-shrink-0 mr-50 position-relative"
                     :class="{ 'mt-25': !constrained }"
                     height="1.125rem"

diff --git a/es-ds-docs/pages/organisms/zip-code-form.vue b/es-ds-docs/pages/organisms/zip-code-form.vue
@@ -2,14 +2,18 @@
 const { $prism } = useNuxtApp();
 const compCode = ref('');
 const docCode = ref('');
-if ($prism) {
-    const compSource = await import('@energysage/es-ds-components/components/es-zip-code-form.vue?raw');
-    // eslint-disable-next-line import/no-self-import
-    const docSource = await import('./zip-code-form.vue?raw');
-    compCode.value = $prism.normalizeCode(compSource.default);
-    docCode.value = $prism.normalizeCode(docSource.default);
-    $prism.highlight();
-}
+
+onMounted(async () => {
+    if ($prism) {
+        const compSource = await import('@energysage/es-ds-components/components/es-zip-code-form.vue?raw');
+        // eslint-disable-next-line import/no-self-import
+        const docSource = await import('./zip-code-form.vue?raw');
+
+        compCode.value = $prism.normalizeCode(compSource.default);
+        docCode.value = $prism.normalizeCode(docSource.default);
+        $prism.highlight();
+    }
+});
 
 const propTableRows = [
     [