diff --git a/.eslintrc.cjs b/.eslintrc.cjs
index 4c517e147..c8f88d08f 100644
--- a/.eslintrc.cjs
+++ b/.eslintrc.cjs
@@ -19,6 +19,7 @@ module.exports = {
     '@typescript-eslint/no-unused-vars': process.env.NODE_ENV === 'production' ? 'error' : 'warn',
     'max-len': 'off',
     'vue/multi-word-component-names': 'off',
-    'vue/v-on-event-hyphenation': 'off'
+    'vue/v-on-event-hyphenation': 'off',
+    'vue/no-v-html': 'off',
   }
 };
diff --git a/components/Auth.ce.vue b/components/Auth.ce.vue
index fd04a3baa..cb6204393 100644
--- a/components/Auth.ce.vue
+++ b/components/Auth.ce.vue
@@ -11,16 +11,16 @@ const { authAction, stateData } = storeToRefs(serverStore);
 // @todo use callback url
 const stateDataErrorAction = computed(() => {
   return {
-    click: () => { console.debug('accountServerPayload') },
+    click: () => { console.debug('accountServerPayload'); },
     external: true,
     icon: ExclamationTriangleIcon,
     name: 'accountServer',
     text: 'Fix Error',
-  }
+  };
 });
 
 const button = computed(() => {
-  if (stateData.value.error) return stateDataErrorAction.value;
+  if (stateData.value.error) { return stateDataErrorAction.value; }
   return authAction.value;
 });
 </script>
@@ -29,15 +29,16 @@ const button = computed(() => {
   <div class="whitespace-normal flex flex-col gap-y-16px max-w-3xl">
     <span v-if="stateData.error" class="text-unraid-red font-semibold leading-8">
       {{ stateData.heading }}
-      <br />
-      <span v-html="stateData.message"></span>
+      <br>
+      <span v-html="stateData.message" />
     </span>
     <span>
       <BrandButton
         v-if="button"
-        @click="button.click()"
         :icon="button.icon"
-        :text="button.text" />
+        :text="button.text"
+        @click="button.click()"
+      />
     </span>
   </div>
 </template>