All files / app/assets/javascripts/packages_and_registries/package_registry/components/details installation_title.vue

100% Statements 2/2
100% Branches 0/0
100% Functions 1/1
100% Lines 2/2

Press n or j to go to the next uncovered block, b, p or k for the previous block.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39  9x                                     12x                                    
<script>
import PersistedDropdownSelection from '~/vue_shared/components/registry/persisted_dropdown_selection.vue';
 
export default {
  name: 'InstallationTitle',
  components: {
    PersistedDropdownSelection,
  },
  props: {
    packageType: {
      type: String,
      required: true,
    },
    options: {
      type: Array,
      required: true,
    },
  },
  computed: {
    storageKey() {
      return `package_${this.packageType}_installation_instructions`;
    },
  },
};
</script>
 
<template>
  <div class="gl-display-flex gl-justify-content-space-between gl-align-items-center">
    <h3 class="gl-font-lg">{{ __('Installation') }}</h3>
    <div>
      <persisted-dropdown-selection
        :storage-key="storageKey"
        :options="options"
        @change="$emit('change', $event)"
      />
    </div>
  </div>
</template>