Move checkbox disabled to computed prop

ee/app/assets/javascripts/integrations/edit/components/jira_issue_creation_vulnerabilities.vue

@@ -87,6 +87,9 @@ export default {
       'isLoadingJiraIssueTypes',
       'loadingJiraIssueTypesErrorMessage',
     ]),
+    checkboxDisabled() {
+      return !this.showFullFeature || this.isInheriting;
+    },
     initialJiraIssueType() {
       return this.jiraIssueTypes?.find(({ id }) => id === this.initialIssueTypeId) || {};
     },
@@ -135,7 +138,7 @@ export default {
     <gl-form-checkbox
       v-model="isJiraVulnerabilitiesEnabled"
       data-testid="enable-jira-vulnerabilities"
-      :disabled="!showFullFeature || isInheriting"
+      :disabled="checkboxDisabled"
     >
       {{ $options.i18n.checkbox.label }}
       <template #help>

ee/spec/frontend/integrations/edit/components/jira_issue_creation_vulnerabilities_spec.js

@@ -22,11 +22,14 @@ describe('JiraIssuesFields', () => {
     { id: '3', name: 'epic', description: 'epic' },
   ];
 
-  const createComponent = (mountFn) => ({ props } = {}) => {
+  const createComponent = (mountFn) => ({ isInheriting = false, props } = {}) => {
     return extendedWrapper(
       mountFn(JiraIssueCreationVulnerabilities, {
         store,
         propsData: { ...defaultProps, ...props },
+        computed: {
+          isInheriting: () => isInheriting,
+        },
       }),
     );
   };
@@ -98,6 +101,16 @@ describe('JiraIssuesFields', () => {
       await setEnableJiraVulnerabilitiesChecked(isChecked);
       expect(findIssueTypeSection().exists()).toBe(isChecked);
     });
+
+    describe('when isInheriting = true', () => {
+      beforeEach(() => {
+        wrapper = createShallowComponent({ isInheriting: true });
+      });
+
+      it('disables the checkbox', () => {
+        expect(findEnableJiraVulnerabilities().attributes('disabled')).toBe('true');
+      });
+    });
   });
 
   describe('when showFullFeature is off', () => {