Enable passing skip-to aria-label

shwilliam · shwilliam · commit f20313abdd3a · 2020-05-15T00:55:44.000-07:00
diff --git a/demo/skip-to-list.html b/demo/skip-to-list.html
@@ -21,7 +21,7 @@
     <vue-skip-to-list
       :to="[
         {anchor: '#main', label: 'Main'},
-        {anchor: '#footer', label: 'Footer'},
+        {anchor: '#footer', label: 'Footer', ariaLabel: 'Skip to about'},
       ]"
       data-vst="skip-to-list"
     >
diff --git a/src/skip-to-list.vue b/src/skip-to-list.vue
@@ -15,6 +15,7 @@
           >
             <vue-skip-to
               :to="el.anchor"
+              :ariaLabel="el.ariaLabel"
               @focus="labelVisible = true"
               @blur="labelVisible = false"
               class="vue-skip-to vue-skip-to--relative"

Original file line number	Diff line number	Diff line change
`@@ -21,7 +21,7 @@`
`21`	`21`	`<vue-skip-to-list`
`22`	`22`	`:to="[`
`23`	`23`	`{anchor: '#main', label: 'Main'},`
`24`		`- {anchor: '#footer', label: 'Footer'},`
	`24`	`+ {anchor: '#footer', label: 'Footer', ariaLabel: 'Skip to about'},`
`25`	`25`	`]"`
`26`	`26`	`data-vst="skip-to-list"`
`27`	`27`	`>`
Original file line number	Diff line number	Diff line change
`@@ -15,6 +15,7 @@`
`15`	`15`	`>`
`16`	`16`	`<vue-skip-to`
`17`	`17`	`:to="el.anchor"`
	`18`	`+ :ariaLabel="el.ariaLabel"`
`18`	`19`	`@focus="labelVisible = true"`
`19`	`20`	`@blur="labelVisible = false"`
`20`	`21`	`class="vue-skip-to vue-skip-to--relative"`