Bind component attrs to todo_button

app/assets/javascripts/vue_shared/components/todo_button.vue

@@ -12,11 +12,6 @@ export default {
       required: false,
       default: true,
     },
-    loading: {
-      type: Boolean,
-      required: false,
-      default: false,
-    },
   },
   computed: {
     buttonLabel() {
@@ -27,7 +22,7 @@ export default {
 </script>
 
 <template>
-  <gl-button :loading="loading" :aria-label="buttonLabel" @click="$emit('click', $event)">
+  <gl-button v-bind="$attrs" :aria-label="buttonLabel" @click="$emit('click', $event)">
     {{ buttonLabel }}
   </gl-button>
 </template>

spec/frontend/vue_shared/components/todo_button_spec.js

@@ -40,7 +40,7 @@ describe('Todo Button', () => {
     expect(wrapper.find(GlButton).text()).toBe(label);
   });
 
-  it('sets button props correctly when `loading` is true', () => {
+  it('binds additional props to GlButton', () => {
     createComponent({ loading: true });
 
     expect(wrapper.find(GlButton).props('loading')).toBe(true);