fix(UsaPaginationArrow): fix svg icon href binding

patrickcate · Oct 30, 2022 · 0bbfc4a · 0bbfc4a
1 parent 2a07468
commit 0bbfc4a
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git a/src/components/UsaPaginationArrow/UsaPaginationArrow.test.js b/src/components/UsaPaginationArrow/UsaPaginationArrow.test.js
@@ -211,6 +211,7 @@ describe('UsaPaginationArrow', () => {
       props: {
         direction: 'previous',
         label: 'Previous',
+        ariaLabel: 'Previous page',
       },
     }).as('wrapper')
 
@@ -235,6 +236,7 @@ describe('UsaPaginationArrow', () => {
         direction: 'previous',
         label: 'Previous',
         to: '/test-page',
+        ariaLabel: 'Previous page',
       },
       global: {
         mocks: {
@@ -252,6 +254,7 @@ describe('UsaPaginationArrow', () => {
         direction: 'previous',
         label: 'Previous',
         to: '/test-page',
+        ariaLabel: 'Previous page',
       },
       global: {
         mocks: {

diff --git a/src/components/UsaPaginationArrow/UsaPaginationArrow.vue b/src/components/UsaPaginationArrow/UsaPaginationArrow.vue
@@ -81,7 +81,7 @@ const classes = computed(() => [
           role="img"
         >
           <use
-            v-bind="{ 'xlink:href': `${svgSpritePath}#navigate_before}` }"
+            v-bind="{ 'xlink:href': `${svgSpritePath}#navigate_before` }"
           ></use>
         </svg>
       </slot>
@@ -100,7 +100,7 @@ const classes = computed(() => [
           role="img"
         >
           <use
-            v-bind="{ 'xlink:href': `${svgSpritePath}#navigate_next}` }"
+            v-bind="{ 'xlink:href': `${svgSpritePath}#navigate_next` }"
           ></use>
         </svg>
       </slot>