refactor: optional chaining for click props

web/components/Auth.ce.vue

@@ -26,7 +26,7 @@ const { authAction, stateData } = storeToRefs(serverStore);
         size="12px"
         :text="t(authAction.text)"
         :title="authAction?.title ? t(authAction?.title) : undefined"
-        @click="authAction.click ? authAction.click() : undefined"
+        @click="authAction.click?.()"
       />
     </span>
   </div>

web/components/HeaderOsVersion.ce.vue

@@ -92,7 +92,7 @@ const updateOsStatus = computed(() => {
       :href="updateOsStatus.href ?? undefined"
       :title="updateOsStatus.title ?? undefined"
       class="group"
-      @click="updateOsStatus.click ? updateOsStatus.click() : undefined"
+      @click="updateOsStatus.click?.()"
     >
       <UiBadge
         v-if="updateOsStatus.badge"

web/components/KeyActions.vue

@@ -50,7 +50,7 @@ const filteredKeyActions = computed((): ServerStateDataAction[] | undefined => {
         :icon-right-hover-display="true"
         :text="t(action.text)"
         :title="action.title ? t(action.title) : undefined"
-        @click="action.click ? action.click() : undefined"
+        @click="action.click?.()"
       />
     </li>
   </ul>

web/components/Registration.ce.vue

@@ -244,7 +244,7 @@ const items = computed((): RegistrationItemProps[] => {
               :icon="authAction.icon"
               :text="t(authAction.text)"
               :title="authAction.title ? t(authAction.title) : undefined"
-              @click="authAction.click ? authAction.click() : undefined"
+              @click="authAction.click?.()"
             />
           </span>
         </header>

web/components/Registration/UpdateExpirationAction.vue

@@ -76,7 +76,7 @@ const output = computed(() => {
         :text="t('Extend License')"
         :title="t('Pay your annual fee to continue receiving OS updates.')"
         class="flex-grow"
-        @click="renewAction.click ? renewAction.click() : undefined"
+        @click="renewAction.click?.()"
       />
 
       <BrandButton

web/components/UpdateOs/CheckUpdateResponseModal.vue

@@ -256,7 +256,7 @@ const modalWidth = computed(() => {
             :icon-right-hover-display="item.iconRightHoverDisplay"
             :text="t(item.text ?? '')"
             :title="item.title ? t(item.title) : undefined"
-            @click="item.click ? item.click() : undefined"
+            @click="item.click?.()"
           />
         </div>
 
@@ -326,7 +326,7 @@ const modalWidth = computed(() => {
             :icon-right-hover-display="item.iconRightHoverDisplay"
             :text="t(item.text ?? '')"
             :title="item.title ? t(item.title) : undefined"
-            @click="item.click ? item.click() : undefined"
+            @click="item.click?.()"
           />
         </div>
       </div>

web/components/UpdateOs/UpdateIneligible.vue

@@ -95,7 +95,7 @@ watchEffect(() => {
           :text="t('Extend License')"
           :title="t('Pay your annual fee to continue receiving OS updates.')"
           class="flex-grow"
-          @click="renewAction.click ? renewAction.click() : undefined"
+          @click="renewAction.click?.()"
         />
         <!-- <BrandButton
           btn-style="black"

web/components/UserProfile/DropdownLaunchpad.vue

@@ -41,7 +41,7 @@ const showExpireTime = computed(() => (state.value === 'TRIAL' || state.value ==
             :icon="unraidApiStatus === 'restarting' ? BrandLoadingWhite : unraidApiRestartAction?.icon"
             :text="unraidApiStatus === 'restarting' ? t('Restarting unraid-api…') : t('Restart unraid-api')"
             :title="unraidApiStatus === 'restarting' ? t('Restarting unraid-api…') : t('Restart unraid-api')"
-            @click="unraidApiRestartAction?.click ? unraidApiRestartAction?.click() : undefined"
+            @click="unraidApiRestartAction?.click?.()"
           />
         </li>
       </ul>

web/components/UserProfile/ServerState.vue

@@ -23,7 +23,7 @@ const upgradeAction = computed((): ServerStateDataAction | undefined => {
       <UpcServerStateBuy
         class="text-gamma"
         :title="t('Upgrade Key')"
-        @click="upgradeAction.click ? upgradeAction.click() : undefined"
+        @click="upgradeAction.click?.()"
       >
         <h5>Unraid OS <em><strong>{{ t(stateData.humanReadable) }}</strong></em></h5>
       </UpcServerStateBuy>
@@ -36,7 +36,7 @@ const upgradeAction = computed((): ServerStateDataAction | undefined => {
       <UpcServerStateBuy
         class="text-orange-dark relative top-[1px] hidden sm:block"
         :title="t('Purchase Key')"
-        @click="purchaseAction.click ? purchaseAction.click() : undefined"
+        @click="purchaseAction.click?.()"
       >{{ t('Purchase') }}</UpcServerStateBuy>
     </template>
   </span>