fixup! Add/remove snippet files in the edit view

app/assets/javascripts/blob/components/blob_edit_header.vue

@@ -15,7 +15,7 @@ export default {
     canDelete: {
       type: Boolean,
       required: false,
-      default: false,
+      default: true,
     },
     showDelete: {
       type: Boolean,

app/assets/javascripts/snippets/components/snippet_blob_actions_edit.vue

@@ -14,8 +14,6 @@ export default {
   },
   mixins: [glFeatureFlagsMixin()],
   props: {
-    // TODO: Build reactivity for initBlobs.
-    // What happens if this changes (i.e. blobs are being loaded through pages)?
     initBlobs: {
       type: Array,
       required: true,

spec/frontend/blob/components/blob_edit_header_spec.js

@@ -57,8 +57,8 @@ describe('Blob Header Editing', () => {
 
   describe.each`
     props                                     | expectedDisabled
-    ${{ showDelete: true }}                  | ${true}
-    ${{ showDelete: true, canDelete: true }} | ${false}
+    ${{ showDelete: true }}                   | ${false}
+    ${{ showDelete: true, canDelete: false }} | ${true}
   `('with $props', ({ props, expectedDisabled }) => {
     beforeEach(() => {
       createComponent(props);

spec/frontend/snippets/components/snippet_blob_actions_edit_spec.js

@@ -217,7 +217,7 @@ describe('snippets/components/snippet_blob_actions_edit', () => {
 
   describe('with 1 blob', () => {
     beforeEach(() => {
-      createComponent({ initBlobs: [createBlobFromTestEntry(testEntries.created)], isReady: true });
+      createComponent({ initBlobs: [createBlobFromTestEntry(testEntries.created)] });
     });
 
     it('disables delete button', () => {
@@ -253,7 +253,7 @@ describe('snippets/components/snippet_blob_actions_edit', () => {
 
   describe('with 0 init blob', () => {
     beforeEach(() => {
-      createComponent({ initBlobs: [], isReady: true });
+      createComponent({ initBlobs: [] });
     });
 
     it('shows 1 blob by default', () => {
@@ -287,7 +287,7 @@ describe('snippets/components/snippet_blob_actions_edit', () => {
         .fill(1)
         .map(() => createBlobFromTestEntry(testEntries.created));
 
-      createComponent({ initBlobs, isReady: true });
+      createComponent({ initBlobs });
     });
 
     it('should have blobs', () => {