diff --git a/src/components/ActionInput.vue b/src/components/ActionInput.vue
index 00cb3aab6..fe3504b17 100644
--- a/src/components/ActionInput.vue
+++ b/src/components/ActionInput.vue
@@ -15,28 +15,54 @@
 </template>
 
 <script>
+/**
+ * Generic input field with a customizable action on the right.
+ * Action is passed in as a function.
+ */
 export default {
     props: {
+        /**
+         * The value of the input field.
+         */
         modelValue: {
             type: String,
             default: ""
         },
+        /**
+         * Whether the input field is enabled / disabled.
+         */
         enabled: {
             type: Boolean,
             default: true
         },
+        /**
+         * Placeholder text for the input field.
+         */
         placeholder: {
             type: String,
             default: ""
         },
+        /**
+         * The icon displayed in the right button of the input field.
+         * Accepts a Font Awesome icon string identifier.
+         * @example "plus"
+         */
         icon: {
             type: String,
             required: true,
         },
+        /**
+         * The input type of the input field.
+         * @example "email"
+         */
         type: {
             type: String,
             default: "text",
         },
+        /**
+         * The action to be performed when the button is clicked.
+         * Action is passed in as a function.
+         */
         action: {
             type: Function,
             default: () => {},
@@ -44,6 +70,9 @@ export default {
     },
     emits: [ "update:modelValue" ],
     computed: {
+        /**
+         * Send value update to parent on change.
+         */
         model: {
             get() {
                 return this.modelValue;
@@ -53,10 +82,5 @@ export default {
             }
         }
     },
-    created() {
-
-    },
-    methods: {
-    }
 };
 </script>
diff --git a/src/components/settings/Notifications.vue b/src/components/settings/Notifications.vue
index 2146066dd..dcda9ad64 100644
--- a/src/components/settings/Notifications.vue
+++ b/src/components/settings/Notifications.vue
@@ -57,6 +57,9 @@ export default {
 
     data() {
         return {
+            /**
+             * Variable to store the input for new certificate expiry day.
+             */
             expiryNotifInput: null,
         };
     },
@@ -74,9 +77,22 @@ export default {
     },
 
     methods: {
+        /**
+         * Remove a day from expiry notification days.
+         * @param {number} day The day to remove.
+         */
         removeExpiryNotifDay(day) {
             this.settings.tlsExpiryNotifyDays = this.settings.tlsExpiryNotifyDays.filter(d => d !== day);
         },
+        /**
+         * Add a new expiry notification day.
+         * Will verify:
+         * - day is not null or empty string.
+         * - day is a number.
+         * - day is > 0.
+         * - The day is not already in the list.
+         * @param {number} day The day number to add.
+         */
         addExpiryNotifDay(day) {
             if (day != null && day !== "") {
                 const parsedDay = parseInt(day);