diff --git a/components/Brand/Avatar.vue b/components/Brand/Avatar.vue
index e373d11f9..f9372d8e4 100644
--- a/components/Brand/Avatar.vue
+++ b/components/Brand/Avatar.vue
@@ -22,7 +22,8 @@ const { avatar, connectPluginInstalled, registered, username } = storeToRefs(ser
       v-if="avatar && connectPluginInstalled && registered"
       :src="avatar"
       :alt="username"
-      class="absolute z-10 inset-0 w-36px h-36px rounded-full overflow-hidden">
+      class="absolute z-10 inset-0 w-36px h-36px rounded-full overflow-hidden"
+    >
     <template v-else>
       <BrandMark gradient-start="#fff" gradient-stop="#fff" class="opacity-100 absolute z-10 w-36px px-4px" />
     </template>
diff --git a/components/Brand/Button.vue b/components/Brand/Button.vue
index 136afd5f0..f188f8829 100644
--- a/components/Brand/Button.vue
+++ b/components/Brand/Button.vue
@@ -13,6 +13,10 @@ export interface ButtonProps {
 const props = withDefaults(defineProps<ButtonProps>(), {
   btnStyle: 'fill',
   btnType: 'button',
+  click: undefined,
+  href: undefined,
+  icon: undefined,
+  text: undefined,
 });
 
 defineEmits(['click']);
diff --git a/components/UserProfile/CallbackFeedbackStatus.vue b/components/UserProfile/CallbackFeedbackStatus.vue
index c448eb017..04aabbc6b 100644
--- a/components/UserProfile/CallbackFeedbackStatus.vue
+++ b/components/UserProfile/CallbackFeedbackStatus.vue
@@ -10,7 +10,9 @@ export interface Props {
 
 withDefaults(defineProps<Props>(), {
   error: false,
+  icon: undefined,
   success: false,
+  text: undefined,
 });
 </script>
 
@@ -19,9 +21,11 @@ withDefaults(defineProps<Props>(), {
     <div class="flex items-start justify-center gap-x-8px">
       <CheckCircleIcon v-if="success" class="fill-green-600 w-28px shrink-0" />
       <XCircleIcon v-if="error" class="fill-unraid-red w-28px shrink-0" />
-      <component v-if="icon" :is="icon" class="fill-current opacity-75 w-28px shrink-0" />
-      <p class="text-18px">{{ text }}</p>
+      <component :is="icon" v-if="icon" class="fill-current opacity-75 w-28px shrink-0" />
+      <p class="text-18px">
+        {{ text }}
+      </p>
     </div>
-    <slot></slot>
+    <slot />
   </div>
-</template>
\ No newline at end of file
+</template>
diff --git a/components/UserProfile/DropdownWrapper.vue b/components/UserProfile/DropdownWrapper.vue
index 292837a16..308f3e59f 100644
--- a/components/UserProfile/DropdownWrapper.vue
+++ b/components/UserProfile/DropdownWrapper.vue
@@ -5,6 +5,6 @@
 
 <template>
   <nav class="flex flex-col gap-y-8px p-8px bg-alpha rounded-lg shadow-xl shadow-orange/10">
-    <slot/>
+    <slot />
   </nav>
 </template>
diff --git a/components/UserProfile/Keyline.vue b/components/UserProfile/Keyline.vue
index 5e37f8bfe..9b62e03de 100644
--- a/components/UserProfile/Keyline.vue
+++ b/components/UserProfile/Keyline.vue
@@ -1,3 +1,3 @@
 <template>
-  <hr class="w-full h-2px bg-gradient-to-r from-unraid-red to-orange shadow-none border-none rounded" />
-</template>
\ No newline at end of file
+  <hr class="w-full h-2px bg-gradient-to-r from-unraid-red to-orange shadow-none border-none rounded">
+</template>
diff --git a/components/UserProfile/PromoFeature.vue b/components/UserProfile/PromoFeature.vue
index 3ac2c4450..c137742ef 100644
--- a/components/UserProfile/PromoFeature.vue
+++ b/components/UserProfile/PromoFeature.vue
@@ -12,16 +12,28 @@ defineProps<Props>();
 <template>
   <div class="text-left relative flex overflow-hidden">
     <span v-if="!center" class="flex-shrink-0">
-      <slot></slot>
+      <slot />
     </span>
     <div class="inline-flex flex-col" :class="{ 'text-center': center }">
-      <h3 class="text-16px font-semibold" :class="{ 'mt-0 mb-4px': copy, 'my-0': !copy, 'flex flex-row justify-center items-center': center }">
+      <h3
+        class="text-16px font-semibold"
+        :class="{
+          'mt-0 mb-4px': copy,
+          'my-0': !copy,
+          'flex flex-row justify-center items-center': center
+        }"
+      >
         <span v-if="center" class="flex-shrink-0 mr-8px">
-          <slot></slot>
+          <slot />
         </span>
         {{ title }}
       </h3>
-      <p v-if="copy" v-html="copy" class="text-14px opacity-75 py-0" :class="{'px-8px': center}"></p>
+      <p
+        v-if="copy"
+        class="text-14px opacity-75 py-0"
+        :class="{'px-8px': center}"
+        v-html="copy"
+      />
     </div>
   </div>
-</template>
\ No newline at end of file
+</template>
diff --git a/components/UserProfile/ServerStateBuy.vue b/components/UserProfile/ServerStateBuy.vue
index 1754bd557..347802834 100644
--- a/components/UserProfile/ServerStateBuy.vue
+++ b/components/UserProfile/ServerStateBuy.vue
@@ -1,4 +1,3 @@
-
 <template>
   <button class="text-12px font-semibold transition-colors duration-150 ease-in-out border-t-0 border-l-0 border-r-0 border-b-2 border-transparent hover:border-orange-dark focus:border-orange-dark focus:outline-none">
     <slot />