From 97089eb1b0e0bdb9e49bee3b1358cee490ce32e6 Mon Sep 17 00:00:00 2001
From: CameronEYDS <53542131+cameron-eyds@users.noreply.github.com>
Date: Tue, 28 Nov 2023 08:54:40 -0800
Subject: [PATCH] Vue Fold in Prep: Linting Fixes  (#1633)

* ongoing Linting

* Lint Fixes

* no gutters update

* MakeModel Test Fix
---
 ppr-ui/.eslintrc.js                           |   7 +-
 .../src/components/collateral/Collateral.vue  |  20 +--
 .../generalCollateral/GenColAmend.vue         |   3 +
 .../generalCollateral/GenColEdit.vue          |   4 +-
 .../generalCollateral/GenColSummary.vue       |   8 +-
 .../generalCollateral/GeneralCollateral.vue   |   2 +-
 .../vehicleCollateral/VehicleCollateral.vue   |   9 +-
 .../factories/collateralFormValidator.ts      |   2 +-
 .../vehicleCollateral/factories/useVehicle.ts |   2 +-
 ppr-ui/src/components/common/AccountInfo.vue  |   3 +-
 ppr-ui/src/components/common/ButtonFooter.vue |   2 +-
 ppr-ui/src/components/common/CautionBox.vue   |   5 +-
 .../components/common/CertifyInformation.vue  |   2 +-
 ppr-ui/src/components/common/CourtOrder.vue   |   2 +-
 .../common/DischargeConfirmSummary.vue        |  16 ++-
 ppr-ui/src/components/common/DocumentId.vue   |   3 +-
 ppr-ui/src/components/common/FolioNumber.vue  |   8 +-
 .../common/FolioOrReferenceNumber.vue         |   2 +-
 ppr-ui/src/components/common/FormField.vue    |   2 +-
 .../components/common/HomeLocationInfo.vue    |   5 +-
 ppr-ui/src/components/common/LienAlert.vue    |   5 +-
 .../src/components/common/OrgNameLookup.vue   |   4 +-
 ppr-ui/src/components/common/PidNumber.vue    |   4 +-
 .../common/RegistrationsWrapper.vue           |  11 +-
 ppr-ui/src/components/common/Remarks.vue      |   2 -
 ppr-ui/src/components/common/ReviewCard.vue   |   2 +-
 .../components/common/SimpleHelpToggle.vue    |  13 +-
 .../src/components/common/StickyContainer.vue |   4 +-
 .../components/common/SubProductSelector.vue  |   4 +-
 .../components/dashboard/DashboardTabs.vue    |   1 +
 .../components/dialogs/ConfirmationDialog.vue |  42 +++---
 .../dialogs/LargeSearchDelayDialog.vue        |  28 ++--
 .../dialogs/LargeSearchResultDialog.vue       |  38 +++---
 .../dialogs/RegistrationConfirmation.vue      |   2 +-
 .../components/dialogs/SecuredPartyDialog.vue |  13 +-
 .../dialogs/common/DialogContent.vue          |   1 -
 .../HomeLocation/HomeCivicAddress.vue         |   8 +-
 .../HomeLocation/HomeLocationDescription.vue  |   4 +-
 .../HomeLocation/HomeLocationType.vue         |   4 +-
 .../HomeOwners/AddEditHomeOwner.vue           |   5 +-
 .../HomeOwners/HomeOwnerGroups.vue            |  24 +++-
 .../HomeOwners/HomeOwnerRoles.vue             |   4 +-
 .../HomeOwners/HomeOwnersTable.vue            |  16 ++-
 .../HomeOwners/TableGroupHeader.vue           |  39 ++++--
 .../ReviewConfirm/HomeOwnersReview.vue        |   4 +-
 .../ReviewConfirm/YourHomeReview.vue          |  26 ++--
 .../YourHome/AddEditHomeSections.vue          |  23 ++--
 .../YourHome/HomeCertification.vue            |  10 +-
 .../mhrRegistration/YourHome/HomeSections.vue |  10 +-
 .../YourHome/ManufacturedYearInput.vue        |   2 +-
 .../YourHome/ManufacturedYearSelect.vue       |  35 +++--
 .../YourHome/ManufacturerMakeModel.vue        |   8 +-
 .../mhrTransfers/ConfirmCompletion.vue        |   6 +-
 .../mhrTransfers/DeathCertificate.vue         |   6 +-
 .../mhrTransfers/SupportingDocuments.vue      |   2 +-
 .../mhrTransfers/TransferDetails.vue          |  14 +-
 .../components/mhrTransfers/TransferType.vue  |   4 +-
 ppr-ui/src/components/parties/Parties.vue     |   4 +-
 .../src/components/parties/PartySummary.vue   |   2 +-
 .../src/components/parties/debtor/Debtors.vue |   5 +-
 .../components/parties/debtor/EditDebtor.vue  |   2 +-
 .../components/parties/party/EditParty.vue    |   4 +-
 .../parties/party/PartyAutocomplete.vue       |   4 +-
 .../components/parties/party/PartySearch.vue  |   4 +-
 .../parties/party/RegisteringParty.vue        |   5 +-
 .../parties/party/RegisteringPartyChange.vue  |   3 +-
 .../parties/party/SecuredParties.vue          |  50 +-------
 .../parties/summaries/BasePartySummary.vue    |   2 +-
 .../parties/summaries/DebtorSummary.vue       |   4 +-
 .../summaries/RegisteringPartySummary.vue     |   4 +-
 .../parties/summaries/SecuredPartySummary.vue |   2 +-
 .../registration/AmendmentDescription.vue     |   4 +-
 .../registration/RegistrationBar.vue          |   8 +-
 .../RegistrationBarTypeAheadList.vue          |   4 +-
 .../length-trust/EditTrustIndenture.vue       |   4 +-
 .../length-trust/RegistrationLengthTrust.vue  |   5 +-
 .../RegistrationLengthTrustAmendment.vue      |   7 +-
 .../RegistrationLengthTrustSummary.vue        |   2 +-
 .../RegistrationRepairersLien.vue             |   6 +-
 .../search/BusinessSearchAutocomplete.vue     |   7 +-
 ppr-ui/src/components/search/SearchBar.vue    |  34 ++---
 .../src/components/search/SearchBarList.vue   |   7 +-
 .../components/tables/RegistrationTable.vue   |   6 +-
 .../src/components/tables/SearchHistory.vue   |   3 +-
 .../tables/common/TableObserver.vue           |   9 +-
 .../src/components/tables/common/TableRow.vue |   5 +-
 .../tables/mhr/HomeSectionsTable.vue          |  15 ++-
 .../components/tables/mhr/SearchedResults.vue |  17 ++-
 .../components/tables/ppr/SearchedResults.vue |  21 ++-
 .../components/unitNotes/EffectiveDate.vue    |   2 +-
 .../src/components/unitNotes/ExpiryDate.vue   |   2 +-
 .../src/composables/address/BaseAddress.vue   |   2 +-
 .../factories/vuelidate-validation-factory.ts |   5 +-
 ppr-ui/src/composables/fees/FeeSummary.vue    |   4 +-
 .../mhrRegistration/useNewMhrRegistration.ts  |   2 +-
 ppr-ui/src/composables/parties/useDebtor.ts   |   2 +-
 .../composables/parties/useSecuredParty.ts    |   2 +-
 .../pprRegistration/usePprRegistration.ts     |   2 +-
 ppr-ui/src/composables/useInputRules.ts       |  22 ++--
 ppr-ui/src/composables/useParty.ts            |   2 +-
 ppr-ui/src/composables/useRegistration.ts     |   2 +-
 .../registration-interfaces.ts                |   2 +-
 .../search-type-interface.ts                  |   1 -
 ppr-ui/src/router/router.ts                   |   5 +-
 ppr-ui/src/store/state/state-model.ts         |   2 +-
 ppr-ui/src/utils/auth-helper.ts               |   3 +-
 ppr-ui/src/utils/mhr-api-helper.ts            |   5 +-
 ppr-ui/src/utils/ppr-api-helper.ts            |   4 +-
 ppr-ui/src/utils/registration-helper.ts       |   3 -
 ppr-ui/src/utils/utilities.ts                 |   2 +-
 ppr-ui/src/utils/validation-helper.ts         |   6 +-
 .../validators/serial-number.validator.ts     |   1 -
 ppr-ui/src/views/Dashboard.vue                |  16 +--
 ppr-ui/src/views/Search.vue                   |   4 +-
 .../src/views/amendment/ConfirmAmendment.vue  |   7 +-
 ppr-ui/src/views/auth/Login.vue               |   3 +-
 .../views/mhrInformation/MhrInformation.vue   |   8 +-
 .../src/views/mhrInformation/MhrUnitNote.vue  |   1 +
 .../src/views/mhrSearch/ConfirmMHRSearch.vue  |   4 +-
 .../views/newMhrRegistration/HomeOwners.vue   |   4 +-
 .../newMhrRegistration/MhrRegistration.vue    |   3 +-
 .../newMhrRegistration/MhrReviewConfirm.vue   |   4 +-
 .../views/newRegistration/AddCollateral.vue   |   4 +-
 .../src/views/newRegistration/AddParties.vue  |   2 +-
 .../src/views/newRegistration/LengthTrust.vue |   4 +-
 .../views/newRegistration/ReviewConfirm.vue   |   4 +-
 ppr-ui/src/views/renew/RenewRegistration.vue  |   7 -
 ppr-ui/tests/unit/Dashboard.spec.ts           |   4 +-
 .../tests/unit/ManufacturerMakeModel.spec.ts  | 120 +++++++++---------
 ppr-ui/tests/unit/RegistrationBar.spec.ts     |   2 +-
 .../tests/unit/RegistrationsWrapper.spec.ts   |   2 +-
 ppr-ui/tests/unit/SearchBar.spec.ts           |   4 +-
 ppr-ui/tests/unit/SearchValidation.spec.ts    |   4 +-
 ppr-ui/tests/unit/TableRow.spec.ts            |  11 ++
 134 files changed, 567 insertions(+), 532 deletions(-)

diff --git a/ppr-ui/.eslintrc.js b/ppr-ui/.eslintrc.js
index eaa05ba6e..9d33799b3 100644
--- a/ppr-ui/.eslintrc.js
+++ b/ppr-ui/.eslintrc.js
@@ -12,6 +12,8 @@ module.exports = {
   ],
   rules: {
     '@typescript-eslint/no-explicit-any': 'off',
+    '@typescript-eslint/ban-ts-comment': 'off',
+    '@typescript-eslint/no-duplicate-enum-values': 'off',
     'object-curly-spacing': ['error', 'always'],
     'standard/computed-property-even-spacing': 'off',
     'vue/multi-word-component-names': 'off',
@@ -23,11 +25,12 @@ module.exports = {
     'vue/require-explicit-emits': 'error',
     'vue/require-default-prop': 'error',
     'vue/require-prop-types': 'error',
-    'vue/no-template-shadow': 'error',
+    'vue/no-template-shadow': 'off',
     'vue/attribute-hyphenation': 'off',
     'vue/v-on-event-hyphenation': 'off',
     'vue/prop-name-casing': ['error', 'camelCase'],
-    'vue/custom-event-name-casing': ['error', 'camelCase']
+    'vue/custom-event-name-casing': ['error', 'camelCase'],
+    'vue/no-v-html': 'off'
   },
   parser: 'vue-eslint-parser',
   parserOptions: {
diff --git a/ppr-ui/src/components/collateral/Collateral.vue b/ppr-ui/src/components/collateral/Collateral.vue
index 7a4151906..904d7f487 100644
--- a/ppr-ui/src/components/collateral/Collateral.vue
+++ b/ppr-ui/src/components/collateral/Collateral.vue
@@ -3,7 +3,7 @@
     v-if="summaryView || registrationFlowType == RegistrationFlowType.AMENDMENT"
     id="collateral-component"
     fluid
-    class="bg-white pa-0 rounded-bottom no-gutters"
+    class="bg-white pa-0 rounded-bottom noGutters"
     :class="!valid && registrationFlowType !== RegistrationFlowType.AMENDMENT ? '' : 'pb-10'"
   >
     <v-card
@@ -63,7 +63,7 @@
   <v-container
     v-else
     id="collateral-edit"
-    class="pa-0 no-gutters"
+    class="pa-0 noGutters"
     fluid
   >
     <v-row noGutters>
@@ -121,16 +121,12 @@ import {
 } from 'vue'
 import { useStore } from '@/store/store'
 import { useRouter } from 'vue-router'
-
-// local components
 import { GeneralCollateral } from './generalCollateral'
 import { VehicleCollateral } from './vehicleCollateral'
-// local types/resources/etc.
-import { ActionTypes, APIRegistrationTypes, RegistrationFlowType } from '@/enums' // eslint-disable-line no-unused-vars
+import { ActionTypes, APIRegistrationTypes, RegistrationFlowType } from '@/enums'
 import {
-  AddCollateralIF, // eslint-disable-line no-unused-vars
-  GeneralCollateralIF, // eslint-disable-line no-unused-vars
-  VehicleCollateralIF // eslint-disable-line no-unused-vars
+  AddCollateralIF,
+  GeneralCollateralIF,
 } from '@/interfaces'
 import { useGeneralCollateral } from './generalCollateral/factories'
 import { useVehicle } from './vehicleCollateral/factories'
@@ -152,6 +148,10 @@ export default defineComponent({
       default: false
     }
   },
+  emits: [
+    'setCollateralValid',
+    'collateralOpen'
+  ],
   setup (props, context) {
     const router = useRouter()
     const {
@@ -291,7 +291,7 @@ export default defineComponent({
       localState.summaryView = val
     })
 
-    watch(() => localState.collateral.vehicleCollateral, (val: VehicleCollateralIF[]) => {
+    watch(() => localState.collateral.vehicleCollateral, () => {
       if ((vehiclesValid() || localState.collateral?.generalCollateral?.length > 0 ||
         registrationType === APIRegistrationTypes.TRANSITION_TAX_LIEN) &&
         // vehicle collateral is optional for Income Tax registration type
diff --git a/ppr-ui/src/components/collateral/generalCollateral/GenColAmend.vue b/ppr-ui/src/components/collateral/generalCollateral/GenColAmend.vue
index 02e93bc4b..7755f497a 100644
--- a/ppr-ui/src/components/collateral/generalCollateral/GenColAmend.vue
+++ b/ppr-ui/src/components/collateral/generalCollateral/GenColAmend.vue
@@ -121,6 +121,9 @@ export default defineComponent({
       default: false
     }
   },
+  emits: [
+    'closeGenColAmend'
+  ],
   setup (props, { emit }) {
     const { setGeneralCollateral } = useStore()
     const { getGeneralCollateral, isTiptapEnabled } = storeToRefs(useStore())
diff --git a/ppr-ui/src/components/collateral/generalCollateral/GenColEdit.vue b/ppr-ui/src/components/collateral/generalCollateral/GenColEdit.vue
index 536eb0a17..ba6e5e0f7 100644
--- a/ppr-ui/src/components/collateral/generalCollateral/GenColEdit.vue
+++ b/ppr-ui/src/components/collateral/generalCollateral/GenColEdit.vue
@@ -49,8 +49,8 @@ import {
 } from 'vue'
 import { useStore } from '@/store/store'
 // local
-import { APIRegistrationTypes, RegistrationFlowType } from '@/enums' // eslint-disable-line no-unused-vars
-import { GeneralCollateralIF } from '@/interfaces' // eslint-disable-line no-unused-vars
+import { APIRegistrationTypes, RegistrationFlowType } from '@/enums'
+import { GeneralCollateralIF } from '@/interfaces'
 import { storeToRefs } from 'pinia'
 
 import { WysiwygEditor } from '@/components/common'
diff --git a/ppr-ui/src/components/collateral/generalCollateral/GenColSummary.vue b/ppr-ui/src/components/collateral/generalCollateral/GenColSummary.vue
index 174677f54..dd7619237 100644
--- a/ppr-ui/src/components/collateral/generalCollateral/GenColSummary.vue
+++ b/ppr-ui/src/components/collateral/generalCollateral/GenColSummary.vue
@@ -258,9 +258,8 @@ import {
   computed
 } from 'vue'
 import { useStore } from '@/store/store'
-// local
-import { RegistrationFlowType } from '@/enums' // eslint-disable-line no-unused-vars
-import { GeneralCollateralIF } from '@/interfaces' // eslint-disable-line no-unused-vars
+import { RegistrationFlowType } from '@/enums'
+import { GeneralCollateralIF } from '@/interfaces'
 import { pacificDate } from '@/utils'
 import { cloneDeep } from 'lodash'
 import { storeToRefs } from 'pinia'
@@ -285,6 +284,9 @@ export default defineComponent({
       default: false
     }
   },
+  emits: [
+    'initGenColAmend'
+  ],
   setup (props, { emit }) {
     const { setGeneralCollateral } = useStore()
     const { getGeneralCollateral, getOriginalAddCollateral, getRegistrationFlowType } = storeToRefs(useStore())
diff --git a/ppr-ui/src/components/collateral/generalCollateral/GeneralCollateral.vue b/ppr-ui/src/components/collateral/generalCollateral/GeneralCollateral.vue
index c507c712a..e63cfb61c 100644
--- a/ppr-ui/src/components/collateral/generalCollateral/GeneralCollateral.vue
+++ b/ppr-ui/src/components/collateral/generalCollateral/GeneralCollateral.vue
@@ -37,7 +37,7 @@ import {
 // local components
 import { GenColEdit, GenColSummary, GenColAmend } from '.'
 // local types/helpers/etc.
-import { APIRegistrationTypes, RegistrationFlowType } from '@/enums' // eslint-disable-line no-unused-vars
+import { APIRegistrationTypes, RegistrationFlowType } from '@/enums'
 import { useStore } from '@/store/store'
 import { storeToRefs } from 'pinia'
 
diff --git a/ppr-ui/src/components/collateral/vehicleCollateral/VehicleCollateral.vue b/ppr-ui/src/components/collateral/vehicleCollateral/VehicleCollateral.vue
index eab217bb9..b0554eee3 100644
--- a/ppr-ui/src/components/collateral/vehicleCollateral/VehicleCollateral.vue
+++ b/ppr-ui/src/components/collateral/vehicleCollateral/VehicleCollateral.vue
@@ -102,7 +102,7 @@
 
   <v-container
     v-else
-    class="no-gutters"
+    class="noGutters"
     :class="containerClass"
     fluid
   >
@@ -415,11 +415,9 @@ import {
   toRefs
 } from 'vue'
 import { useStore } from '@/store/store'
-// local components
 import { EditCollateral } from '.'
-// local types/etc.
 import { ActionTypes, APIVehicleTypes, RegistrationFlowType, APIRegistrationTypes } from '@/enums'
-import { VehicleCollateralIF } from '@/interfaces' // eslint-disable-line no-unused-vars
+import { VehicleCollateralIF } from '@/interfaces'
 import { vehicleTableHeaders, VehicleTypes } from '@/resources'
 import { useVehicle } from './factories/useVehicle'
 import { cloneDeep } from 'lodash'
@@ -443,6 +441,9 @@ export default defineComponent({
       default: false
     }
   },
+  emits: [
+    'collateralOpen'
+  ],
   setup (props, context) {
     const { setVehicleCollateral } = useStore()
     const {
diff --git a/ppr-ui/src/components/collateral/vehicleCollateral/factories/collateralFormValidator.ts b/ppr-ui/src/components/collateral/vehicleCollateral/factories/collateralFormValidator.ts
index 344186588..a821bb6ff 100644
--- a/ppr-ui/src/components/collateral/vehicleCollateral/factories/collateralFormValidator.ts
+++ b/ppr-ui/src/components/collateral/vehicleCollateral/factories/collateralFormValidator.ts
@@ -68,5 +68,5 @@ const validationSchema = {
     ]
   }
 }
-// @ts-ignore - there is a type mismatch in the structure above, but it still works
+// @ts-ignore
 export const formValidation = createFormValidation(validationSchema)
diff --git a/ppr-ui/src/components/collateral/vehicleCollateral/factories/useVehicle.ts b/ppr-ui/src/components/collateral/vehicleCollateral/factories/useVehicle.ts
index 96e56adb6..072965b65 100644
--- a/ppr-ui/src/components/collateral/vehicleCollateral/factories/useVehicle.ts
+++ b/ppr-ui/src/components/collateral/vehicleCollateral/factories/useVehicle.ts
@@ -1,6 +1,6 @@
 import { reactive, toRefs, computed } from 'vue'
 import { VehicleTypes, VehicleTypesNoMH } from '@/resources'
-import { VehicleCollateralIF } from '@/interfaces' // eslint-disable-line no-unused-vars
+import { VehicleCollateralIF } from '@/interfaces'
 import { useStore } from '@/store/store'
 import { ActionTypes, APIRegistrationTypes, RegistrationFlowType } from '@/enums'
 import { cloneDeep, isEqual } from 'lodash'
diff --git a/ppr-ui/src/components/common/AccountInfo.vue b/ppr-ui/src/components/common/AccountInfo.vue
index 61fcb3540..ee8d0adb9 100644
--- a/ppr-ui/src/components/common/AccountInfo.vue
+++ b/ppr-ui/src/components/common/AccountInfo.vue
@@ -5,7 +5,6 @@
       <v-tooltip
         if="tooltipContent"
         location="top"
-        nudgeRight="3"
         contentClass="top-tooltip pa-5"
         transition="fade-transition"
         data-test-id="submitting-party-tooltip"
@@ -89,7 +88,7 @@ import { BaseAddress } from '@/composables/address'
 import { PartyAddressSchema } from '@/schemas'
 import { defineComponent } from 'vue'
 import { toDisplayPhone } from '@/utils'
-import { AccountInfoIF, PartyIF } from '@/interfaces' // eslint-disable-line no-unused-vars
+import { AccountInfoIF } from '@/interfaces'
 
 export default defineComponent({
   name: 'AccountInfo',
diff --git a/ppr-ui/src/components/common/ButtonFooter.vue b/ppr-ui/src/components/common/ButtonFooter.vue
index 886e311dd..39fc66b90 100644
--- a/ppr-ui/src/components/common/ButtonFooter.vue
+++ b/ppr-ui/src/components/common/ButtonFooter.vue
@@ -361,7 +361,7 @@ export default defineComponent({
       return statement
     }, 2000, { trailing: false })
 
-    watch(() => props.forceSave, (val: boolean) => {
+    watch(() => props.forceSave, () => {
       // on change (T/F doesn't matter), save and go back to dash
       submitSaveResume()
     })
diff --git a/ppr-ui/src/components/common/CautionBox.vue b/ppr-ui/src/components/common/CautionBox.vue
index de824010f..81d0fa560 100644
--- a/ppr-ui/src/components/common/CautionBox.vue
+++ b/ppr-ui/src/components/common/CautionBox.vue
@@ -15,7 +15,10 @@ import { defineComponent } from 'vue'
 export default defineComponent({
   name: 'CautionBox',
   props: {
-    setMsg: String,
+    setMsg: {
+      type: String,
+      default: ''
+    },
     setImportantWord: {
       type: String,
       default: 'Important'
diff --git a/ppr-ui/src/components/common/CertifyInformation.vue b/ppr-ui/src/components/common/CertifyInformation.vue
index 54cf454ce..5a9a3bdbd 100644
--- a/ppr-ui/src/components/common/CertifyInformation.vue
+++ b/ppr-ui/src/components/common/CertifyInformation.vue
@@ -156,7 +156,7 @@ import { useStore } from '@/store/store'
 import { convertDate, getRegisteringPartyFromAuth } from '@/utils'
 import { BaseAddress } from '@/composables/address'
 import { DefaultSchema } from '@/composables/address/resources'
-import { CertifyIF, ContentIF, PartyIF } from '@/interfaces' // eslint-disable-line no-unused-vars
+import { CertifyIF, ContentIF, PartyIF } from '@/interfaces'
 import { SessionStorageKeys } from 'sbc-common-components/src/util/constants'
 import { storeToRefs } from 'pinia'
 import { authorizedTableHeaders } from '@/resources'
diff --git a/ppr-ui/src/components/common/CourtOrder.vue b/ppr-ui/src/components/common/CourtOrder.vue
index 50ab0a994..6f5891842 100644
--- a/ppr-ui/src/components/common/CourtOrder.vue
+++ b/ppr-ui/src/components/common/CourtOrder.vue
@@ -183,7 +183,7 @@
   <v-container
     v-else
     fluid
-    class="pb-6  px-0 rounded no-gutters"
+    class="pb-6  px-0 rounded noGutters"
   >
     <v-card
       id="court-order"
diff --git a/ppr-ui/src/components/common/DischargeConfirmSummary.vue b/ppr-ui/src/components/common/DischargeConfirmSummary.vue
index 83807cac1..6daa71a75 100644
--- a/ppr-ui/src/components/common/DischargeConfirmSummary.vue
+++ b/ppr-ui/src/components/common/DischargeConfirmSummary.vue
@@ -83,10 +83,20 @@ import { UIRegistrationTypes } from '@/enums'
 export default defineComponent({
   name: 'DischargeConfirmSummary',
   props: {
-    setRegNum: String,
-    setRegType: String,
-    setCollateralSummary: String,
+    setRegNum: {
+      type: String,
+      default: ''
+    },
+    setRegType: {
+      type: String,
+      default: ''
+    },
+    setCollateralSummary: {
+      type: String,
+      default: ''
+    },
     setShowErrors: {
+      type: Boolean,
       default: false
     }
   },
diff --git a/ppr-ui/src/components/common/DocumentId.vue b/ppr-ui/src/components/common/DocumentId.vue
index 33e51a9d6..796e1ea02 100644
--- a/ppr-ui/src/components/common/DocumentId.vue
+++ b/ppr-ui/src/components/common/DocumentId.vue
@@ -84,7 +84,8 @@ export default defineComponent({
     },
     sectionNumber: {
       type: Number,
-      required: false
+      required: false,
+      default: null
     },
     content: {
       type: Object as () => ContentIF,
diff --git a/ppr-ui/src/components/common/FolioNumber.vue b/ppr-ui/src/components/common/FolioNumber.vue
index 04976cb6f..209422ef5 100644
--- a/ppr-ui/src/components/common/FolioNumber.vue
+++ b/ppr-ui/src/components/common/FolioNumber.vue
@@ -22,7 +22,7 @@ export default defineComponent({
       default: ''
     }
   },
-  emits: ['folio-number', 'folio-error'],
+  emits: ['folioNumber', 'folioError'],
   setup (props, { emit }) {
     const localState = reactive({
       folioEdit: false,
@@ -35,16 +35,16 @@ export default defineComponent({
     watch(() => localState.folioEditNumber, (val: string) => {
       if (val?.length > 15) {
         localState.folioEditError = 'Maximum 15 characters reached'
-        emit('folio-error', true)
+        emit('folioError', true)
       } else {
         localState.folioEditError = ''
         localState.folioEditHint = `${15 - val?.length}`
         localState.folioNumber = localState.folioEditNumber
-        emit('folio-error', false)
+        emit('folioError', false)
       }
     })
     watch(() => localState.folioNumber, (val: string) => {
-      emit('folio-number', val)
+      emit('folioNumber', val)
     })
 
     // when enter pressed on the folio number, either focus on the input or the button if the input is disabled
diff --git a/ppr-ui/src/components/common/FolioOrReferenceNumber.vue b/ppr-ui/src/components/common/FolioOrReferenceNumber.vue
index 706fd4c6f..b4113e1b1 100644
--- a/ppr-ui/src/components/common/FolioOrReferenceNumber.vue
+++ b/ppr-ui/src/components/common/FolioOrReferenceNumber.vue
@@ -62,7 +62,7 @@ export default defineComponent({
     },
     sectionNumber: {
       type: Number,
-      required: false
+      default: null
     },
     validate: {
       type: Boolean,
diff --git a/ppr-ui/src/components/common/FormField.vue b/ppr-ui/src/components/common/FormField.vue
index bbc29ad7a..348375089 100644
--- a/ppr-ui/src/components/common/FormField.vue
+++ b/ppr-ui/src/components/common/FormField.vue
@@ -46,7 +46,7 @@ export default defineComponent({
     },
     initialValue: {
       type: String,
-      required: false
+      default: ''
     },
     inputTitle: {
       type: String,
diff --git a/ppr-ui/src/components/common/HomeLocationInfo.vue b/ppr-ui/src/components/common/HomeLocationInfo.vue
index 4cda9ec3d..2c4b99c50 100644
--- a/ppr-ui/src/components/common/HomeLocationInfo.vue
+++ b/ppr-ui/src/components/common/HomeLocationInfo.vue
@@ -220,7 +220,6 @@
             v-model="locationInfo.exceptionPlan"
             variant="filled"
             label="Except Plan"
-            height="100"
             :rules="maxLength(80)"
             persistentHint
           />
@@ -231,13 +230,13 @@
 </template>
 
 <script lang="ts">
-/* eslint-disable no-unused-vars */
+
 import { computed, defineComponent, onMounted, reactive, ref, toRefs, watch } from 'vue'
 import { FormIF, MhrLocationInfoIF } from '@/interfaces'
 import { useInputRules } from '@/composables/useInputRules'
 import { useStore } from '@/store/store'
 import { storeToRefs } from 'pinia'
-/* eslint-disable no-unused-vars */
+
 
 export default defineComponent({
   name: 'HomeLocationInfo',
diff --git a/ppr-ui/src/components/common/LienAlert.vue b/ppr-ui/src/components/common/LienAlert.vue
index 01ac882f9..15829dcae 100644
--- a/ppr-ui/src/components/common/LienAlert.vue
+++ b/ppr-ui/src/components/common/LienAlert.vue
@@ -2,7 +2,7 @@
   <!-- Lien Information -->
   <v-row
     id="lien-information"
-    no-gutters
+    noGutters
     class="pt-10"
   >
     <v-card
@@ -59,9 +59,6 @@ import {
 
 export default defineComponent({
   name: 'LienAlert',
-  props: {
-    setEndDate: { type: String }
-  },
   emits: ['isLoading'],
   setup (props, { emit }) {
     const router = useRouter()
diff --git a/ppr-ui/src/components/common/OrgNameLookup.vue b/ppr-ui/src/components/common/OrgNameLookup.vue
index 8f1bfcfa9..955328710 100644
--- a/ppr-ui/src/components/common/OrgNameLookup.vue
+++ b/ppr-ui/src/components/common/OrgNameLookup.vue
@@ -29,7 +29,7 @@
       :nilSearchText="nilSearchText"
       :searchValue="autoCompleteSearchValue"
       :setAutoCompleteIsActive="autoCompleteIsActive"
-      @search-value="setSearchValue"
+      @searchValue="setSearchValue"
       @searching="loadingSearchResults = $event"
     />
   </div>
@@ -47,7 +47,7 @@ export default defineComponent({
     baseValue: { type: String, default: '' },
     fieldLabel: { type: String, default: 'Find or enter the Full Legal Name of the Business' },
     fieldHint: { type: String, default: '' },
-    orgNameRules: { type: Array as () => Array<Function>, default: () => [] },
+    orgNameRules: { type: Array as () => Array<(v:any)=>string|boolean>, default: () => [] },
     nilSearchText: {
       type: String,
       default: 'Ensure you have entered the correct, full legal name of the organization before entering the phone' +
diff --git a/ppr-ui/src/components/common/PidNumber.vue b/ppr-ui/src/components/common/PidNumber.vue
index 328f15fdb..772e95796 100644
--- a/ppr-ui/src/components/common/PidNumber.vue
+++ b/ppr-ui/src/components/common/PidNumber.vue
@@ -98,7 +98,7 @@
 </template>
 
 <script lang="ts">
-/* eslint-disable no-unused-vars */
+
 import { computed, defineComponent, nextTick, reactive, ref, toRefs, watch } from 'vue'
 import { useStore } from '@/store/store'
 import { useInputRules } from '@/composables'
@@ -108,7 +108,7 @@ import { pidNotFoundDialog } from '@/resources/dialogOptions'
 import { LtsaDetailsIF, PidInfoIF } from '@/interfaces/ltsa-api-interfaces'
 import { FormIF } from '@/interfaces'
 import { storeToRefs } from 'pinia'
-/* eslint-enable no-unused-vars */
+
 
 export default defineComponent({
   name: 'PidNumber',
diff --git a/ppr-ui/src/components/common/RegistrationsWrapper.vue b/ppr-ui/src/components/common/RegistrationsWrapper.vue
index 721d38c4d..90aef3ff8 100644
--- a/ppr-ui/src/components/common/RegistrationsWrapper.vue
+++ b/ppr-ui/src/components/common/RegistrationsWrapper.vue
@@ -46,7 +46,7 @@
           class="soft-corners-bottom"
           :isMhr="isMhr"
           :isTabView="isTabView"
-          @selected-registration-type="startNewRegistration($event)"
+          @selectedRegistrationType="startNewRegistration($event)"
         />
       </v-col>
       <v-col cols="5">
@@ -261,7 +261,7 @@ import {
 import { StatusCodes } from 'http-status-codes'
 import { cloneDeep } from 'lodash'
 import { useExemptions, useNewMhrRegistration } from '@/composables'
-/* eslint-enable no-unused-vars */
+
 
 export default defineComponent({
   name: 'RegistrationsWrapper',
@@ -293,10 +293,7 @@ export default defineComponent({
       default: false
     }
   },
-  emits: [
-    'haveData',
-    'error'
-  ],
+  emits: ['error', 'haveData', 'snackBarMsg'],
   setup (props, context) {
     const router = useRouter()
     const {
@@ -908,7 +905,7 @@ export default defineComponent({
           sortedDrafts = await draftHistory(cloneDeep(args.sortOptions))
         }
         // Destructure to omit orderBy and orderVal from condition
-        const { orderBy, orderVal, ...sortvalues } = args.sortOptions
+        const { ...sortvalues } = args.sortOptions
         const sortedRegs = hasTruthyValue(sortvalues)
           ? await registrationHistory(cloneDeep(args.sortOptions))
           : await registrationHistory()
diff --git a/ppr-ui/src/components/common/Remarks.vue b/ppr-ui/src/components/common/Remarks.vue
index e1b694466..436fe4379 100644
--- a/ppr-ui/src/components/common/Remarks.vue
+++ b/ppr-ui/src/components/common/Remarks.vue
@@ -75,12 +75,10 @@ export default defineComponent({
     },
     additionalRemarks: {
       type: String,
-      required: false,
       default: ''
     },
     sectionNumber: {
       type: Number,
-      required: false,
       default: null
     },
     content: {
diff --git a/ppr-ui/src/components/common/ReviewCard.vue b/ppr-ui/src/components/common/ReviewCard.vue
index 34f8f4b5b..096a045ed 100644
--- a/ppr-ui/src/components/common/ReviewCard.vue
+++ b/ppr-ui/src/components/common/ReviewCard.vue
@@ -75,7 +75,7 @@ export default defineComponent({
   props: {
     reviewProperties: {
       type: Array as () => Array<{ label: string, property: any }>,
-      required: false
+      default: () => []
     },
     showIncomplete: {
       type: Boolean,
diff --git a/ppr-ui/src/components/common/SimpleHelpToggle.vue b/ppr-ui/src/components/common/SimpleHelpToggle.vue
index 0061790f5..b680001df 100644
--- a/ppr-ui/src/components/common/SimpleHelpToggle.vue
+++ b/ppr-ui/src/components/common/SimpleHelpToggle.vue
@@ -49,15 +49,20 @@ import { computed, defineComponent, reactive, toRefs } from 'vue'
 export default defineComponent({
   name: 'SimpleHelpToggle',
   props: {
-    toggleButtonTitle: { default: '' },
+    toggleButtonTitle: {
+      type: String,
+      default: ''
+    },
     /* show or hide secondary toggle within content */
-    hasBottomHideToggle: { default: true },
-    defaultHideText: { default: true }
+    hasBottomHideToggle: {
+      type: Boolean,
+      default: true
+    }
   },
   setup (props) {
     const localState = reactive({
       isHelpContentOpen: false,
-      hideText: props.defaultHideText ? 'Hide Help' : 'Hide ' + props.toggleButtonTitle,
+      hideText: props.toggleButtonTitle ? 'Hide ' + props.toggleButtonTitle : 'Hide Help',
       title: computed(() : string => localState.isHelpContentOpen ? localState.hideText : props.toggleButtonTitle),
       showBottomToggle: props.hasBottomHideToggle
     })
diff --git a/ppr-ui/src/components/common/StickyContainer.vue b/ppr-ui/src/components/common/StickyContainer.vue
index 51b62fd60..97efdc39d 100644
--- a/ppr-ui/src/components/common/StickyContainer.vue
+++ b/ppr-ui/src/components/common/StickyContainer.vue
@@ -49,7 +49,7 @@ import { useStore } from '@/store/store'
 import { ButtonsStacked } from '@/components/common'
 import { FeeSummary } from '@/composables/fees'
 // local enums/interfaces/etc.
-/* eslint-disable no-unused-vars */
+
 import { UIRegistrationTypes, UITransferTypes } from '@/enums'
 import { FeeSummaryTypes } from '@/composables/fees/enums'
 import {
@@ -58,7 +58,7 @@ import {
   RegistrationLengthI
 } from '@/composables/fees/interfaces'
 import { storeToRefs } from 'pinia'
-/* eslint-enable no-unused-vars */
+
 
 export default defineComponent({
   name: 'StickyContainer',
diff --git a/ppr-ui/src/components/common/SubProductSelector.vue b/ppr-ui/src/components/common/SubProductSelector.vue
index 83920528b..5e93644ef 100644
--- a/ppr-ui/src/components/common/SubProductSelector.vue
+++ b/ppr-ui/src/components/common/SubProductSelector.vue
@@ -26,8 +26,8 @@
                 <p>
                   <ul>
                     <li
-                      v-for="(bullet, index) in subProduct.productBullets"
-                      :key="index"
+                      v-for="(bullet) in subProduct.productBullets"
+                      :key="`bullet:${bullet}`"
                       class="bullet mt-2"
                     >
                       <span :class="{ 'font-weight-bold': isImportantBullet(subProduct, index) }">
diff --git a/ppr-ui/src/components/dashboard/DashboardTabs.vue b/ppr-ui/src/components/dashboard/DashboardTabs.vue
index 60d2e3b11..48b66b989 100644
--- a/ppr-ui/src/components/dashboard/DashboardTabs.vue
+++ b/ppr-ui/src/components/dashboard/DashboardTabs.vue
@@ -95,6 +95,7 @@ export default defineComponent({
       default: false
     }
   },
+  emits: ['snackBarMsg'],
   setup (props, context) {
     const {
       // Actions
diff --git a/ppr-ui/src/components/dialogs/ConfirmationDialog.vue b/ppr-ui/src/components/dialogs/ConfirmationDialog.vue
index 46253221f..f1456c0f2 100644
--- a/ppr-ui/src/components/dialogs/ConfirmationDialog.vue
+++ b/ppr-ui/src/components/dialogs/ConfirmationDialog.vue
@@ -1,11 +1,11 @@
 <template>
   <BaseDialog
-    :setDisplay="display"
-    :setOptions="options"
+    :setDisplay="setDisplay"
+    :setOptions="setOptions"
     @proceed="proceed($event)"
   >
     <template #content>
-      <dialog-content :setBaseText="options.text" />
+      <dialog-content :setBaseText="setOptions.text" />
       <v-checkbox
         v-model="preventDialog"
         class="dialog-checkbox pt-5 ma-0"
@@ -24,21 +24,17 @@
 </template>
 
 <script lang="ts">
-// external
 import {
-  computed,
   defineComponent,
   reactive,
   toRefs,
   watch
 } from 'vue'
 import { useStore } from '@/store/store'
-// local components
 import { BaseDialog } from '.'
 import { DialogContent } from './common'
-// local types/helpers/etc.
-import { SettingOptions } from '@/enums' // eslint-disable-line
-import { DialogOptionsIF, UserSettingsIF } from '@/interfaces' // eslint-disable-line
+import { SettingOptions } from '@/enums'
+import { DialogOptionsIF, UserSettingsIF } from '@/interfaces'
 import { updateUserSettings } from '@/utils'
 
 export default defineComponent({
@@ -48,9 +44,18 @@ export default defineComponent({
     DialogContent
   },
   props: {
-    setDisplay: { default: false },
-    setOptions: Object as () => DialogOptionsIF,
-    setSettingOption: { default: null }
+    setDisplay: {
+      type: Boolean,
+      default: false
+    },
+    setOptions: {
+      type: Object as () => DialogOptionsIF,
+      default: () => {}
+    },
+    setSettingOption: {
+      type: String as () => SettingOptions,
+      default: ''
+    }
   },
   emits: ['proceed'],
   setup (props, { emit }) {
@@ -58,16 +63,7 @@ export default defineComponent({
 
     const localState = reactive({
       preventDialog: false,
-      updateFailed: false,
-      display: computed(() => {
-        return props.setDisplay
-      }),
-      options: computed(() => {
-        return props.setOptions
-      }),
-      settingOption: computed(() => {
-        return props.setSettingOption as SettingOptions
-      })
+      updateFailed: false
     })
 
     const proceed = (val: boolean) => {
@@ -75,7 +71,7 @@ export default defineComponent({
     }
 
     watch(() => localState.preventDialog, async (val) => {
-      const settings: UserSettingsIF = await updateUserSettings(localState.settingOption, !val)
+      const settings: UserSettingsIF = await updateUserSettings(props.setSettingOption, !val)
       if (!settings?.error) {
         localState.updateFailed = false
         setUserSettings(settings)
diff --git a/ppr-ui/src/components/dialogs/LargeSearchDelayDialog.vue b/ppr-ui/src/components/dialogs/LargeSearchDelayDialog.vue
index 7bf876ad7..cea757b6b 100644
--- a/ppr-ui/src/components/dialogs/LargeSearchDelayDialog.vue
+++ b/ppr-ui/src/components/dialogs/LargeSearchDelayDialog.vue
@@ -10,26 +10,22 @@
         report along with an overiew of the search results.
       </p>
       <p class="body-text">
-        Reports containing more than 75 results <b>may
-          take up to 20 minutes to generate.</b> Once generated, the report will appear
-        in your search result list.
+        Reports containing more than 75 results <b>may take up to 20 minutes to generate.</b> Once generated, the report
+        will appear in your search result list.
       </p>
     </template>
   </BaseDialog>
 </template>
 
 <script lang="ts">
-// external
 import {
   computed,
   defineComponent,
   reactive,
   toRefs
 } from 'vue'
-// local components
 import BaseDialog from './BaseDialog.vue'
-// local types/helpers/etc.
-import { DialogOptionsIF } from '@/interfaces' // eslint-disable-line
+import { DialogOptionsIF } from '@/interfaces'
 
 export default defineComponent({
   name: 'LargeSearchResultDialog',
@@ -37,9 +33,18 @@ export default defineComponent({
     BaseDialog
   },
   props: {
-    setDisplay: { default: false },
-    setOptions: Object as () => DialogOptionsIF,
-    setNumberRegistrations: { default: 0 }
+    setDisplay: {
+      type: Boolean,
+      default: false
+    },
+    setOptions:  {
+      type: Object as () => DialogOptionsIF,
+      default: () => {}
+    },
+    setNumberRegistrations: {
+      type: Number,
+      default: 0
+    }
   },
   emits: ['proceed'],
   setup (props, { emit }) {
@@ -70,7 +75,4 @@ export default defineComponent({
 </script>
 <style lang="scss" scoped>
 @import '@/assets/styles/theme.scss';
-.body-text {
-  color: $gray7;
-}
 </style>
diff --git a/ppr-ui/src/components/dialogs/LargeSearchResultDialog.vue b/ppr-ui/src/components/dialogs/LargeSearchResultDialog.vue
index 85e7e4dc1..29b14a69a 100644
--- a/ppr-ui/src/components/dialogs/LargeSearchResultDialog.vue
+++ b/ppr-ui/src/components/dialogs/LargeSearchResultDialog.vue
@@ -1,12 +1,12 @@
 <template>
   <BaseDialog
-    :setDisplay="display"
-    :setOptions="options"
+    :setDisplay="setDisplay"
+    :setOptions="setOptions"
     @proceed="proceed($event)"
   >
     <template #content>
       <p class="dialog-text">
-        <b>{{ numberRegistrations }} registrations</b> will be included in your PDF search result
+        <b>{{ setNumberRegistrations }} registrations</b> will be included in your PDF search result
         report along with an overiew of the search results. Reports containing more than 75 results <b>may
           take up to 20 minutes to generate.</b>
       </p>
@@ -20,17 +20,13 @@
 </template>
 
 <script lang="ts">
-// external
 import {
-  computed,
   defineComponent,
   reactive,
   toRefs
 } from 'vue'
-// local components
 import BaseDialog from './BaseDialog.vue'
-// local types/helpers/etc.
-import { DialogOptionsIF } from '@/interfaces' // eslint-disable-line
+import { DialogOptionsIF } from '@/interfaces'
 
 export default defineComponent({
   name: 'LargeSearchResultDialog',
@@ -38,24 +34,24 @@ export default defineComponent({
     BaseDialog
   },
   props: {
-    setDisplay: { default: false },
-    setOptions: Object as () => DialogOptionsIF,
-    setNumberRegistrations: { default: 0 }
+    setDisplay: {
+      type: Boolean,
+      default: false
+    },
+    setOptions: {
+      type: Object as () => DialogOptionsIF,
+      default: () => {}
+    },
+    setNumberRegistrations: {
+      type: Number,
+      default: 0
+    }
   },
   emits: ['proceed'],
   setup (props, { emit }) {
     const localState = reactive({
       preventDialog: false,
-      updateFailed: false,
-      display: computed(() => {
-        return props.setDisplay
-      }),
-      options: computed(() => {
-        return props.setOptions
-      }),
-      numberRegistrations: computed(() => {
-        return props.setNumberRegistrations
-      })
+      updateFailed: false
     })
 
     const proceed = (val: boolean) => {
diff --git a/ppr-ui/src/components/dialogs/RegistrationConfirmation.vue b/ppr-ui/src/components/dialogs/RegistrationConfirmation.vue
index 2423c4fff..4c96d84ab 100644
--- a/ppr-ui/src/components/dialogs/RegistrationConfirmation.vue
+++ b/ppr-ui/src/components/dialogs/RegistrationConfirmation.vue
@@ -195,7 +195,7 @@ export default defineComponent({
 
     watch(
       () => localState.userInput,
-      (val: Object) => {
+      (val: object) => {
         if (!val) {
           localState.validationErrors = 'This field is required'
         } else {
diff --git a/ppr-ui/src/components/dialogs/SecuredPartyDialog.vue b/ppr-ui/src/components/dialogs/SecuredPartyDialog.vue
index 293a7ec64..45b20a3d4 100644
--- a/ppr-ui/src/components/dialogs/SecuredPartyDialog.vue
+++ b/ppr-ui/src/components/dialogs/SecuredPartyDialog.vue
@@ -129,7 +129,6 @@
                   xSmall
                   variant="elevated"
                   color="primary"
-                  textColor="white"
                 >
                   NEW
                 </v-chip>
@@ -249,7 +248,7 @@ import {
   toRefs,
   computed
 } from 'vue'
-import { SearchPartyIF, PartyIF } from '@/interfaces' // eslint-disable-line no-unused-vars
+import { SearchPartyIF, PartyIF } from '@/interfaces'
 import { useSecuredParty } from '@/composables/parties'
 import {
   useCountriesProvinces
@@ -263,10 +262,12 @@ export default defineComponent({
   props: {
     defaultDialog: Boolean,
     defaultParty: {
-      type: Object as () => PartyIF
+      type: Object as () => PartyIF,
+      default: () => {}
     },
     defaultResults: {
-      type: Array as () => Array<SearchPartyIF>
+      type: Array as () => Array<SearchPartyIF>,
+      default: () => []
     },
     isDuplicate: {
       type: Boolean,
@@ -281,6 +282,10 @@ export default defineComponent({
       default: -1
     }
   },
+  emits: [
+    'emitResetClose',
+    'emitClose'
+  ],
   setup (props, context) {
     const localState = reactive({
       showSelected: true,
diff --git a/ppr-ui/src/components/dialogs/common/DialogContent.vue b/ppr-ui/src/components/dialogs/common/DialogContent.vue
index c36ee7d12..8a2d76025 100644
--- a/ppr-ui/src/components/dialogs/common/DialogContent.vue
+++ b/ppr-ui/src/components/dialogs/common/DialogContent.vue
@@ -40,7 +40,6 @@
 <script lang="ts">
 // external
 import {
-  computed,
   defineComponent,
   reactive,
   toRefs
diff --git a/ppr-ui/src/components/mhrRegistration/HomeLocation/HomeCivicAddress.vue b/ppr-ui/src/components/mhrRegistration/HomeLocation/HomeCivicAddress.vue
index 30f3a763c..62dba3783 100644
--- a/ppr-ui/src/components/mhrRegistration/HomeLocation/HomeCivicAddress.vue
+++ b/ppr-ui/src/components/mhrRegistration/HomeLocation/HomeCivicAddress.vue
@@ -111,7 +111,7 @@
 </template>
 
 <script lang="ts">
-/* eslint-disable no-unused-vars */
+
 import { computed, defineComponent, reactive, ref, toRefs, watch } from 'vue'
 import { CivicAddressSchema } from '@/schemas/civic-address'
 import { useStore } from '@/store/store'
@@ -123,7 +123,7 @@ import {
 } from '@/composables/address/factories'
 import { AddressIF, FormIF } from '@/interfaces'
 import { storeToRefs } from 'pinia'
-/* eslint-enable no-unused-vars */
+
 
 export default defineComponent({
   name: 'HomeCivicAddress',
@@ -145,7 +145,7 @@ export default defineComponent({
       default: false
     }
   },
-  setup (props, context) {
+  setup (props) {
     const { setCivicAddress } = useStore()
     const { getMhrRegistrationValidationModel } = storeToRefs(useStore())
     const {
@@ -176,7 +176,7 @@ export default defineComponent({
             return 'Province/State'
         }
       }),
-      provinceOptions: computed((): Array<Object> => {
+      provinceOptions: computed((): Array<object> => {
         return countryProvincesHelpers.getCountryRegions(addressLocal.value.country, true).map((region: any) => {
           return {
             name: region.name,
diff --git a/ppr-ui/src/components/mhrRegistration/HomeLocation/HomeLocationDescription.vue b/ppr-ui/src/components/mhrRegistration/HomeLocation/HomeLocationDescription.vue
index 987e916c4..aae88e0ce 100644
--- a/ppr-ui/src/components/mhrRegistration/HomeLocation/HomeLocationDescription.vue
+++ b/ppr-ui/src/components/mhrRegistration/HomeLocation/HomeLocationDescription.vue
@@ -138,14 +138,14 @@
 </template>
 
 <script lang="ts">
-/* eslint-disable no-unused-vars */
+
 import { defineComponent, computed, reactive, toRefs, watch, onMounted } from 'vue'
 import { HomeLocationInfo } from '@/components/common'
 import { useStore } from '@/store/store'
 import { useInputRules, useNewMhrRegistration } from '@/composables'
 import { MhrLocationInfoIF } from '@/interfaces'
 import { storeToRefs } from 'pinia'
-/* eslint-enable no-unused-vars */
+
 
 export default defineComponent({
   name: 'HomeLocationDescription',
diff --git a/ppr-ui/src/components/mhrRegistration/HomeLocation/HomeLocationType.vue b/ppr-ui/src/components/mhrRegistration/HomeLocation/HomeLocationType.vue
index f73d80b1c..643e13960 100644
--- a/ppr-ui/src/components/mhrRegistration/HomeLocation/HomeLocationType.vue
+++ b/ppr-ui/src/components/mhrRegistration/HomeLocation/HomeLocationType.vue
@@ -208,7 +208,7 @@
 </template>
 
 <script lang="ts">
-/* eslint-disable no-unused-vars */
+
 import { computed, defineComponent, reactive, ref, toRefs, watch } from 'vue'
 import { useStore } from '@/store/store'
 import { HomeLocationTypes } from '@/enums'
@@ -218,7 +218,7 @@ import { useInputRules, useMhrValidations, useNewMhrRegistration } from '@/compo
 import { FormIF, MhrLocationInfoIF } from '@/interfaces'
 import { PidInfoIF } from '@/interfaces/ltsa-api-interfaces'
 import { storeToRefs } from 'pinia'
-/* eslint-enable no-unused-vars */
+
 
 export default defineComponent({
   name: 'HomeLocationType',
diff --git a/ppr-ui/src/components/mhrRegistration/HomeOwners/AddEditHomeOwner.vue b/ppr-ui/src/components/mhrRegistration/HomeOwners/AddEditHomeOwner.vue
index 0d8103d5b..d1bc53f30 100644
--- a/ppr-ui/src/components/mhrRegistration/HomeOwners/AddEditHomeOwner.vue
+++ b/ppr-ui/src/components/mhrRegistration/HomeOwners/AddEditHomeOwner.vue
@@ -215,7 +215,6 @@
                     ? 'Full Legal Name of Business or Organization'
                     : 'Find or enter the Full Legal Name of the Business or Organization'"
                   variant="filled"
-                  label="Find or enter the Full Legal Name of the Business or Organization"
                   persistentHint
                   :rules="orgNameRules"
                   :clearable="showClear"
@@ -240,7 +239,7 @@
                   :searchValue="autoCompleteSearchValue"
                   :setAutoCompleteIsActive="autoCompleteIsActive"
                   :showDropdown="$refs.orgNameSearchField && $refs.orgNameSearchField.isFocused"
-                  @search-value="setSearchValue"
+                  @searchValue="setSearchValue"
                   @searching="loadingSearchResults = $event"
                 />
               </v-col>
@@ -643,7 +642,7 @@ export default defineComponent({
       nameConfig: computed((): AdditionalNameConfigIF => {
         return AdditionalNameConfig[localState.owner.partyType]
       }),
-      additionalNameRules: computed((): Array<Function> => {
+      additionalNameRules: computed((): Array<()=>string|boolean> => {
         return localState.nameConfig.isRequired
           ? customRules(required('This fields is required'), maxLength(70))
           : maxLength(70)
diff --git a/ppr-ui/src/components/mhrRegistration/HomeOwners/HomeOwnerGroups.vue b/ppr-ui/src/components/mhrRegistration/HomeOwners/HomeOwnerGroups.vue
index a18a44c93..9c4298cbf 100644
--- a/ppr-ui/src/components/mhrRegistration/HomeOwners/HomeOwnerGroups.vue
+++ b/ppr-ui/src/components/mhrRegistration/HomeOwners/HomeOwnerGroups.vue
@@ -69,9 +69,9 @@ import { useHomeOwners } from '@/composables/mhrRegistration'
 import { useInputRules } from '@/composables'
 import FractionalOwnership from './FractionalOwnership.vue'
 import { find } from 'lodash'
-/* eslint-disable no-unused-vars */
+
 import { MhrRegistrationFractionalOwnershipIF } from '@/interfaces/mhr-registration-interfaces'
-/* eslint-enable no-unused-vars */
+
 
 // Interface for readonly and Edit button states for Owner Groups
 interface ReadonlyOwnerGroupStateIF {
@@ -90,10 +90,22 @@ export default defineComponent({
     FractionalOwnership
   },
   props: {
-    groupId: { type: Number },
-    fractionalData: { type: Object as () => FractionalOwnershipWithGroupIdIF },
-    isAddingHomeOwner: { type: Boolean }, // makes additional Group available in dropdown when adding a new homeowner
-    isMhrTransfer: { type: Boolean, default: false }
+    groupId: {
+      type: Number,
+      default: null
+    },
+    fractionalData: {
+      type: Object as () => FractionalOwnershipWithGroupIdIF,
+      default: () => {}
+    },
+    isAddingHomeOwner: {
+      type: Boolean,
+      default: false
+    }, // makes additional Group available in dropdown when adding a new homeowner
+    isMhrTransfer: {
+      type: Boolean,
+      default: false
+    }
   },
   emits: ['setOwnerGroupId'],
 
diff --git a/ppr-ui/src/components/mhrRegistration/HomeOwners/HomeOwnerRoles.vue b/ppr-ui/src/components/mhrRegistration/HomeOwners/HomeOwnerRoles.vue
index cc5e33110..2cb63382e 100644
--- a/ppr-ui/src/components/mhrRegistration/HomeOwners/HomeOwnerRoles.vue
+++ b/ppr-ui/src/components/mhrRegistration/HomeOwners/HomeOwnerRoles.vue
@@ -48,12 +48,12 @@
 </template>
 
 <script lang="ts">
-/* eslint-disable no-unused-vars */
+
 import { defineComponent, PropType, reactive, toRefs, watch } from 'vue'
 import { HomeOwnerPartyTypes } from '@/enums'
 import { HomeOwnerRoles } from '@/resources'
 import { useMhrInformation, useTransferOwners } from '@/composables'
-/* eslint-enable no-unused-vars */
+
 
 export default defineComponent({
   name: 'HomeOwnerRoles',
diff --git a/ppr-ui/src/components/mhrRegistration/HomeOwners/HomeOwnersTable.vue b/ppr-ui/src/components/mhrRegistration/HomeOwners/HomeOwnersTable.vue
index 44bdb2812..22b256fdb 100644
--- a/ppr-ui/src/components/mhrRegistration/HomeOwners/HomeOwnersTable.vue
+++ b/ppr-ui/src/components/mhrRegistration/HomeOwners/HomeOwnersTable.vue
@@ -260,9 +260,7 @@
                     </v-btn>
                     <!-- Actions drop down menu -->
                     <v-menu
-                      offsetY
                       location="bottom right"
-                      nudgeBottom="0"
                     >
                       <template #activator="{ props }">
                         <v-btn
@@ -352,9 +350,7 @@
                     <!-- Menu actions drop down menu -->
                     <template v-if="enableTransferOwnerMenuActions(item) && !isRemovedHomeOwner(item)">
                       <v-menu
-                        offsetY
                         location="bottom right"
-                        nudgeBottom="0"
                       >
                         <template #activator="{ props }">
                           <v-btn
@@ -581,7 +577,7 @@ import TableGroupHeader from '@/components/mhrRegistration/HomeOwners/TableGroup
 import { mhrDeceasedOwnerChanges } from '@/resources/dialogOptions'
 import { yyyyMmDdToPacificDate } from '@/utils/date-helper'
 import { InfoChip } from '@/components/common'
-import { MhrRegistrationHomeOwnerIF } from '@/interfaces'
+import { MhrRegistrationHomeOwnerGroupIF, MhrRegistrationHomeOwnerIF } from '@/interfaces'
 import { ActionTypes, HomeOwnerPartyTypes, SupportingDocumentsOptions } from '@/enums'
 import { storeToRefs } from 'pinia'
 
@@ -599,8 +595,14 @@ export default defineComponent({
     HomeOwnersMixedRolesError
   },
   props: {
-    homeOwnerGroups: { default: () => [] },
-    isAdding: { default: false },
+    homeOwnerGroups: {
+      type: Array as () => MhrRegistrationHomeOwnerGroupIF[],
+      default: () => []
+    },
+    isAdding: {
+      type: Boolean,
+      default: false
+    },
     isReadonlyTable: { type: Boolean, default: false },
     isMhrTransfer: { type: Boolean, default: false },
     hideRemovedOwners: { type: Boolean, default: false },
diff --git a/ppr-ui/src/components/mhrRegistration/HomeOwners/TableGroupHeader.vue b/ppr-ui/src/components/mhrRegistration/HomeOwners/TableGroupHeader.vue
index be0c3dcb0..f5eee77ba 100644
--- a/ppr-ui/src/components/mhrRegistration/HomeOwners/TableGroupHeader.vue
+++ b/ppr-ui/src/components/mhrRegistration/HomeOwners/TableGroupHeader.vue
@@ -338,11 +338,14 @@ import { useHomeOwners, useTransferOwners } from '@/composables'
 import { computed, defineComponent, reactive, ref, toRefs, watch } from 'vue'
 import FractionalOwnership from './FractionalOwnership.vue'
 import { find } from 'lodash'
-/* eslint-disable no-unused-vars */
-import { FormIF, MhrRegistrationFractionalOwnershipIF, MhrHomeOwnerGroupIF } from '@/interfaces/'
+import {
+  FormIF,
+  MhrRegistrationFractionalOwnershipIF,
+  MhrHomeOwnerGroupIF,
+  MhrRegistrationHomeOwnerIF
+} from '@/interfaces/'
 import { ActionTypes } from '@/enums'
 import { toTitleCase } from '@/utils'
-/* eslint-enable no-unused-vars */
 
 export default defineComponent({
   name: 'TableGroupHeader',
@@ -352,12 +355,30 @@ export default defineComponent({
     InfoChip
   },
   props: {
-    groupId: { default: 1 },
-    groupNumber: { default: 1 },
-    owners: { default: [] },
-    showEditActions: { type: Boolean, default: true },
-    isMhrTransfer: { type: Boolean, default: false },
-    disableGroupHeader: { type: Boolean, default: false }
+    groupId: {
+      type: Number,
+      default: 1
+    },
+    groupNumber: {
+      type: Number,
+      default: 1
+    },
+    owners: {
+      type: Array as () => MhrRegistrationHomeOwnerIF[],
+      default: () => []
+    },
+    showEditActions: {
+      type: Boolean,
+      default: true
+    },
+    isMhrTransfer: {
+      type: Boolean,
+      default: false
+    },
+    disableGroupHeader: {
+      type: Boolean,
+      default: false
+    }
   },
   setup (props) {
     const {
diff --git a/ppr-ui/src/components/mhrRegistration/ReviewConfirm/HomeOwnersReview.vue b/ppr-ui/src/components/mhrRegistration/ReviewConfirm/HomeOwnersReview.vue
index 7008e7030..0722f0e0f 100644
--- a/ppr-ui/src/components/mhrRegistration/ReviewConfirm/HomeOwnersReview.vue
+++ b/ppr-ui/src/components/mhrRegistration/ReviewConfirm/HomeOwnersReview.vue
@@ -21,7 +21,9 @@
         <span>
           <v-icon color="error">mdi-information-outline</v-icon>
           <span class="error-text mx-1">This step is unfinished.</span>
-          <router-link :to="{ path: `/${RouteNames.MHR_REGISTRATION}/${RouteNames.HOME_OWNERS}` }">Return to this step to complete it.</router-link>
+          <router-link
+            :to="{ path: `/${RouteNames.MHR_REGISTRATION}/${RouteNames.HOME_OWNERS}` }"
+          >Return to this step to complete it.</router-link>
         </span>
       </section>
 
diff --git a/ppr-ui/src/components/mhrRegistration/ReviewConfirm/YourHomeReview.vue b/ppr-ui/src/components/mhrRegistration/ReviewConfirm/YourHomeReview.vue
index 43597c7eb..7cbfe7b12 100644
--- a/ppr-ui/src/components/mhrRegistration/ReviewConfirm/YourHomeReview.vue
+++ b/ppr-ui/src/components/mhrRegistration/ReviewConfirm/YourHomeReview.vue
@@ -201,20 +201,18 @@
         <v-divider class="mx-8" />
 
         <!-- Home Sections Review -->
-        <template>
-          <section
-            id="review-home-sections"
-            class="py-6"
-          >
-            <h3 class="px-8">
-              Home Sections
-            </h3>
-            <HomeSections
-              class="mt-n4 px-8 py-0"
-              :isReviewMode="true"
-            />
-          </section>
-        </template>
+        <section
+          id="review-home-sections"
+          class="py-6"
+        >
+          <h3 class="px-8">
+            Home Sections
+          </h3>
+          <HomeSections
+            class="mt-n4 px-8 py-0"
+            :isReviewMode="true"
+          />
+        </section>
 
         <template v-if="!isMhrManufacturerRegistration && !isExemption">
           <v-divider class="mx-8" />
diff --git a/ppr-ui/src/components/mhrRegistration/YourHome/AddEditHomeSections.vue b/ppr-ui/src/components/mhrRegistration/YourHome/AddEditHomeSections.vue
index 16fc8348a..9967c4b35 100644
--- a/ppr-ui/src/components/mhrRegistration/YourHome/AddEditHomeSections.vue
+++ b/ppr-ui/src/components/mhrRegistration/YourHome/AddEditHomeSections.vue
@@ -149,17 +149,24 @@
 
 <script lang="ts">
 import { computed, defineComponent, reactive, ref, toRefs, nextTick } from 'vue'
-/* eslint-disable no-unused-vars */
 import { FormIF, HomeSectionIF } from '@/interfaces'
 import { useInputRules } from '@/composables/useInputRules'
-/* eslint-disable no-unused-vars */
 
 export default defineComponent({
   name: 'AddEditHomeSections',
   props: {
-    isNewHomeSection: { type: Boolean, default: true },
-    editHomeSection: { type: Object as () => HomeSectionIF, default: () => {} },
-    validate: { type: Boolean, default: false }
+    isNewHomeSection: {
+      type: Boolean,
+      default: true
+    },
+    editHomeSection: {
+      type: Object as () => HomeSectionIF,
+      default: () => {}
+    },
+    validate: {
+      type: Boolean,
+      default: false
+    }
   },
   emits: ['close', 'remove', 'submit'],
   setup (props, context) {
@@ -180,19 +187,19 @@ export default defineComponent({
       widthFeet: props.editHomeSection?.widthFeet || null,
       widthInches: props.editHomeSection?.widthInches || null,
       hasSubmit: false,
-      serialNumberRules: computed((): Array<Function> => {
+      serialNumberRules: computed((): Array<()=>string|boolean> => {
         let rules = customRules(maxLength(20))
         // Only validate required on submission
         if (localState.hasSubmit) rules = customRules(...rules, required('Enter a serial number'))
         return rules
       }),
-      lengthFeetRules: computed((): Array<Function> => {
+      lengthFeetRules: computed((): Array<()=>string|boolean> => {
         let rules = customRules(isNumber('Feet', 2))
         // Only validate required on submission
         if (localState.hasSubmit) rules = customRules(...rules, required('Enter the length in feet'))
         return rules
       }),
-      widthFeetRules: computed((): Array<Function> => {
+      widthFeetRules: computed((): Array<()=>string|boolean> => {
         let rules = customRules(isNumber('Feet', 2))
         // Only validate required on submission
         if (localState.hasSubmit) rules = customRules(...rules, required('Enter the width in feet'))
diff --git a/ppr-ui/src/components/mhrRegistration/YourHome/HomeCertification.vue b/ppr-ui/src/components/mhrRegistration/YourHome/HomeCertification.vue
index 6d68e8c1e..171777f7b 100644
--- a/ppr-ui/src/components/mhrRegistration/YourHome/HomeCertification.vue
+++ b/ppr-ui/src/components/mhrRegistration/YourHome/HomeCertification.vue
@@ -234,14 +234,14 @@ export default defineComponent({
       isEngineerOption: computed((): boolean => {
         return localState.certificationOption === HomeCertificationOptions.ENGINEER_INSPECTION
       }),
-      nameRules: computed((): Array<Function> => {
+      nameRules: computed((): Array<()=>string|boolean> => {
         return customRules(
           required('Enter the engineer\'s name'),
           maxLength(30),
           invalidSpaces()
         )
       }),
-      csaNumberRules: computed((): Array<Function> => {
+      csaNumberRules: computed((): Array<()=>string|boolean> => {
         return customRules(
           required('Enter a CSA number'),
           maxLength(10),
@@ -291,7 +291,7 @@ export default defineComponent({
     watch(() => localState.isHomeCertificationValid, (val: boolean) => {
       setValidation(MhrSectVal.YOUR_HOME_VALID, MhrCompVal.HOME_CERTIFICATION_VALID, val)
     }, { immediate: true })
-    watch(() => props.validate, async (val: boolean) => {
+    watch(() => props.validate, async () => {
       await validateForms()
     })
 
@@ -313,7 +313,7 @@ export default defineComponent({
       }
     })
 
-    watch(() => localState.hasNoCertification, (val: boolean) => {
+    watch(() => localState.hasNoCertification, () => {
       setMhrHomeDescription({ key: 'hasNoCertification', value: localState.hasNoCertification })
       localState.certificationOption = null
       engineerForm.value?.resetValidation()
@@ -336,7 +336,7 @@ export default defineComponent({
     }
   }
 })
-/* eslint-enable no-unused-vars */
+
 </script>
 
 <style lang="scss" scoped>
diff --git a/ppr-ui/src/components/mhrRegistration/YourHome/HomeSections.vue b/ppr-ui/src/components/mhrRegistration/YourHome/HomeSections.vue
index 5c1b46331..b5c836a41 100644
--- a/ppr-ui/src/components/mhrRegistration/YourHome/HomeSections.vue
+++ b/ppr-ui/src/components/mhrRegistration/YourHome/HomeSections.vue
@@ -68,7 +68,6 @@
 </template>
 
 <script lang="ts">
-/* eslint-disable no-unused-vars */
 import { computed, defineComponent, reactive, toRefs, watch } from 'vue'
 import { useStore } from '@/store/store'
 import { storeToRefs } from 'pinia'
@@ -76,7 +75,6 @@ import { HomeSectionIF } from '@/interfaces'
 import AddEditHomeSections from '@/components/mhrRegistration/YourHome/AddEditHomeSections.vue'
 import HomeSectionsTable from '@/components/tables/mhr/HomeSectionsTable.vue'
 import { useMhrValidations } from '@/composables'
-/* eslint-enable no-unused-vars */
 
 export default defineComponent({
   name: 'HomeSections',
@@ -141,7 +139,7 @@ export default defineComponent({
     const editHomeSection = (homeSection: HomeSectionIF): void => {
       const homeSections = [...getMhrHomeSections.value]
       // Create edited homeSection without id
-      const { id, ...editedSection } = homeSection
+      const { ...editedSection } = homeSection
       // Apply edited section to temp array
       homeSections[homeSection.id] = editedSection
 
@@ -159,12 +157,12 @@ export default defineComponent({
       setValidation(MhrSectVal.YOUR_HOME_VALID, MhrCompVal.HOME_SECTION_VALID, val)
     }, { immediate: true })
 
-    watch(() => localState.showAddEditHomeSections, (val: boolean) => {
+    watch(() => localState.showAddEditHomeSections, () => {
       setValidation(MhrSectVal.YOUR_HOME_VALID, MhrCompVal.HOME_SECTION_VALID,
         !localState.showAddEditHomeSections && localState.hasMinimumHomeSections)
     })
 
-    watch(() => localState.isEditingHomeSection, (val: boolean) => {
+    watch(() => localState.isEditingHomeSection, () => {
       setValidation(MhrSectVal.YOUR_HOME_VALID, MhrCompVal.HOME_SECTION_VALID,
         !localState.isEditingHomeSection && localState.hasMinimumHomeSections)
     })
@@ -179,7 +177,7 @@ export default defineComponent({
     }
   }
 })
-/* eslint-enable no-unused-vars */
+
 </script>
 
 <style lang="scss" scoped>
diff --git a/ppr-ui/src/components/mhrRegistration/YourHome/ManufacturedYearInput.vue b/ppr-ui/src/components/mhrRegistration/YourHome/ManufacturedYearInput.vue
index 7bf5983a7..307b070ae 100644
--- a/ppr-ui/src/components/mhrRegistration/YourHome/ManufacturedYearInput.vue
+++ b/ppr-ui/src/components/mhrRegistration/YourHome/ManufacturedYearInput.vue
@@ -99,7 +99,7 @@ export default defineComponent({
       hasError
     } = useMhrValidations(toRefs(getMhrRegistrationValidationModel.value))
 
-    const manufactureYearRules = computed((): Array<Function> =>
+    const manufactureYearRules = computed((): Array<()=>string|boolean> =>
       customRules(
         required('Enter a year of manufacture'),
         isNumber(),
diff --git a/ppr-ui/src/components/mhrRegistration/YourHome/ManufacturedYearSelect.vue b/ppr-ui/src/components/mhrRegistration/YourHome/ManufacturedYearSelect.vue
index fcff41a3e..0d838b866 100644
--- a/ppr-ui/src/components/mhrRegistration/YourHome/ManufacturedYearSelect.vue
+++ b/ppr-ui/src/components/mhrRegistration/YourHome/ManufacturedYearSelect.vue
@@ -17,7 +17,6 @@
         variant="filled"
         :rules="manufactureYearRules"
         label="Year of Manufacture"
-        :menuProps="{ bottom: true, offsetY: true }"
         data-test-id="manufacture-year-select"
       />
     </v-col>
@@ -65,7 +64,7 @@ export default defineComponent({
       hasError
     } = useMhrValidations(toRefs(getMhrRegistrationValidationModel.value))
 
-    const manufactureYearRules = computed((): Array<Function> =>
+    const manufactureYearRules = computed((): Array<()=>string|boolean> =>
       customRules(
         required('Select year of manufacture'),
         isNumber(),
@@ -94,24 +93,22 @@ export default defineComponent({
 
 <style lang="scss" scoped>
 @import '@/assets/styles/theme.scss';
-:deep() {
-  .theme--light.v-select .v-select__selection--comma {
-    color: $gray7;
-  }
-  .v-list-item .v-list-item__title, .v-list-item .v-list-item__subtitle {
-    color: $gray7;
-  }
-  .v-list-item--link[aria-selected='true'] {
-    background-color: $blueSelected !important;
-    .v-list-item__title, .v-list-item .v-list-item__subtitle {
-      color: $app-blue !important;
-    }
+:deep(.theme--light.v-select .v-select__selection--comma) {
+  color: $gray7;
+}
+:deep(.v-list-item .v-list-item__title, .v-list-item .v-list-item__subtitle) {
+  color: $gray7;
+}
+.v-list-item--link[aria-selected='true'] {
+  background-color: $blueSelected !important;
+  .v-list-item__title, .v-list-item .v-list-item__subtitle {
+    color: $app-blue !important;
   }
-  .v-list-item--link:hover {
-    background-color: $gray1 !important;
-    .v-list-item__title, .v-list-item .v-list-item__subtitle {
-      color: $app-blue !important;
-    }
+}
+:deep(.v-list-item--link:hover) {
+  background-color: $gray1 !important;
+  .v-list-item__title, .v-list-item .v-list-item__subtitle {
+    color: $app-blue !important;
   }
 }
 </style>
diff --git a/ppr-ui/src/components/mhrRegistration/YourHome/ManufacturerMakeModel.vue b/ppr-ui/src/components/mhrRegistration/YourHome/ManufacturerMakeModel.vue
index 3fe1f6d10..e76727c0c 100644
--- a/ppr-ui/src/components/mhrRegistration/YourHome/ManufacturerMakeModel.vue
+++ b/ppr-ui/src/components/mhrRegistration/YourHome/ManufacturerMakeModel.vue
@@ -144,28 +144,28 @@ export default defineComponent({
       setValidation
     } = useMhrValidations(toRefs(getMhrRegistrationValidationModel.value))
 
-    const combinedMakeModelLengthRule = (localState): Array<Function> => {
+    const combinedMakeModelLengthRule = (localState): Array<()=>string|boolean> => {
       return [
         () => (0 || localState.model?.length) + (0 || localState.make?.length) <= 65 ||
           'Make and Model combined cannot exceed 65 characters'
       ]
     }
 
-    const makeRules = computed((): Array<Function> =>
+    const makeRules = computed((): Array<()=>string|boolean> =>
       customRules(
         (!localState.model ? required('Enter at least the make or the model of the home') : true),
         combinedMakeModelLengthRule(localState)
       )
     )
 
-    const modelRules = computed((): Array<Function> =>
+    const modelRules = computed((): Array<()=>string|boolean> =>
       customRules(
         (!localState.make ? required('Enter at least the make or the model of the home') : true),
         combinedMakeModelLengthRule(localState)
       )
     )
 
-    const manufacturerNameRules = computed((): Array<Function> =>
+    const manufacturerNameRules = computed((): Array<()=>string|boolean> =>
       customRules(
         required("Enter a manufacturer's name or enter \"Unknown\" "),
         maxLength(65)
diff --git a/ppr-ui/src/components/mhrTransfers/ConfirmCompletion.vue b/ppr-ui/src/components/mhrTransfers/ConfirmCompletion.vue
index be0a1d3b7..99729b695 100644
--- a/ppr-ui/src/components/mhrTransfers/ConfirmCompletion.vue
+++ b/ppr-ui/src/components/mhrTransfers/ConfirmCompletion.vue
@@ -59,7 +59,6 @@
                         contentClass="top-tooltip pa-5"
                         transition="fade-transition"
                         data-test-id="organization-tooltip"
-                        allowOverflow
                       >
                         <template #activator="{ props }">
                           <span
@@ -69,8 +68,8 @@
                         Vital Statistics and associated Funeral Homes issue original death certificates on secure,
                         banknote paper. Certified copies are obtained by presenting those original certificate(s) to a
                         lawyer, notary or other commissioner for taking affidavits and having them confirm that it is a
-                        true copy of the original. A statement of death or a cremation certificate from a funeral director
-                        is not acceptable.
+                        true copy of the original. A statement of death or a cremation certificate from a funeral
+                        director is not acceptable.
                       </v-tooltip>
                       of Death Certificate</strong> that has been issued by Vital Statistics and has been received for
                     each joint tenant owner being removed due to death. I confirm that it was
@@ -79,7 +78,6 @@
                       contentClass="top-tooltip pa-5"
                       transition="fade-transition"
                       data-test-id="organization-tooltip"
-                      allowOverflow
                     >
                       <template #activator="{ props }">
                         <span
diff --git a/ppr-ui/src/components/mhrTransfers/DeathCertificate.vue b/ppr-ui/src/components/mhrTransfers/DeathCertificate.vue
index 604274543..33992a6e1 100644
--- a/ppr-ui/src/components/mhrTransfers/DeathCertificate.vue
+++ b/ppr-ui/src/components/mhrTransfers/DeathCertificate.vue
@@ -89,7 +89,7 @@
 import { useInputRules, useHomeOwners } from '@/composables'
 import { computed, defineComponent, nextTick, reactive, ref, toRefs, watch } from 'vue'
 import { useStore } from '@/store/store'
-import { FormIF, MhrRegistrationHomeOwnerIF } from '@/interfaces' // eslint-disable-line no-unused-vars
+import { FormIF, MhrRegistrationHomeOwnerIF } from '@/interfaces'
 import { InputFieldDatePicker } from '@/components/common'
 import { localTodayDate } from '@/utils'
 
@@ -119,7 +119,7 @@ export default defineComponent({
     const deathCertificateForm: FormIF = ref(null)
     const deathCertificateNumberRef: FormIF = ref(null)
     const deathCertificateNumberRules = computed(
-      (): Array<Function> => customRules(
+      (): Array<()=>string|boolean> => customRules(
         maxLength(20),
         required('Enter Death Certificate Registration Number')
       )
@@ -142,7 +142,7 @@ export default defineComponent({
         maxDate.setTime(maxDate.getTime() - dateOffset)
         return maxDate
       }),
-      deathCertificateNumberRules: computed((): Array<Function> => {
+      deathCertificateNumberRules: computed((): Array<()=>string|boolean> => {
         return customRules(
           maxLength(20),
           required('Enter Death Certificate Registration Number')
diff --git a/ppr-ui/src/components/mhrTransfers/SupportingDocuments.vue b/ppr-ui/src/components/mhrTransfers/SupportingDocuments.vue
index 9ad5ade47..82735d0bd 100644
--- a/ppr-ui/src/components/mhrTransfers/SupportingDocuments.vue
+++ b/ppr-ui/src/components/mhrTransfers/SupportingDocuments.vue
@@ -57,7 +57,7 @@
 <script lang="ts">
 import { useHomeOwners, useTransferOwners } from '@/composables'
 import { SupportingDocumentsOptions } from '@/enums/transferTypes'
-import { MhrRegistrationHomeOwnerIF } from '@/interfaces' // eslint-disable-line no-unused-vars
+import { MhrRegistrationHomeOwnerIF } from '@/interfaces'
 import { defineComponent, reactive, toRefs, watch, computed, onUpdated } from 'vue'
 import { useStore } from '@/store/store'
 import { transferSupportingDocuments } from '@/resources/'
diff --git a/ppr-ui/src/components/mhrTransfers/TransferDetails.vue b/ppr-ui/src/components/mhrTransfers/TransferDetails.vue
index f45eb4722..e07125ceb 100644
--- a/ppr-ui/src/components/mhrTransfers/TransferDetails.vue
+++ b/ppr-ui/src/components/mhrTransfers/TransferDetails.vue
@@ -100,7 +100,7 @@ import { useStore } from '@/store/store'
 import { useInputRules, useTransferOwners } from '@/composables'
 import { InputFieldDatePicker } from '@/components/common'
 import { FormIF } from '@/interfaces'
-import { storeToRefs } from 'pinia' // eslint-disable-line no-unused-vars
+import { storeToRefs } from 'pinia'
 
 export default defineComponent({
   name: 'TransferDetails',
@@ -155,15 +155,13 @@ export default defineComponent({
       isOwnLand: getMhrTransferOwnLand.value || false,
       enableWarningMsg: false,
       landOrLeaseLabel: computed(() => {
-        return `The manufactured home is located on land that the ${!isTransferDueToDeath.value ||
-            isTransferToExecutorProbateWill.value
-? 'new'
-: ''} homeowners
-         own, or on which they have a registered lease of 3 years or more.`
+        return `The manufactured home is located on land that the
+          ${(!isTransferDueToDeath.value || isTransferToExecutorProbateWill.value) ? 'new' : ''}
+            homeowners own, or on which they have a registered lease of 3 years or more.`
       }),
       isValidTransferDetails: computed(() => localState.isValidForm && !!localState.transferDate),
       showFormError: computed(() => props.validate && !localState.isValidTransferDetails),
-      considerationRules: computed((): Array<Function> => {
+      considerationRules: computed((): Array<()=>string|boolean> => {
         return customRules(required('Enter consideration'), maxLength(80))
       })
     })
@@ -179,7 +177,7 @@ export default defineComponent({
       setMhrTransferOwnLand(false)
     }
 
-    watch(() => props.validate, (val: boolean) => {
+    watch(() => props.validate, () => {
       transferDetailsForm.value?.validate()
     })
 
diff --git a/ppr-ui/src/components/mhrTransfers/TransferType.vue b/ppr-ui/src/components/mhrTransfers/TransferType.vue
index bc407d4b4..f0b79cb8e 100644
--- a/ppr-ui/src/components/mhrTransfers/TransferType.vue
+++ b/ppr-ui/src/components/mhrTransfers/TransferType.vue
@@ -40,7 +40,7 @@
               :disabled="disableSelect"
               returnObject
             >
-              <template #item="{ props, item }">
+              <template #item="{ item }">
                 <!-- Type Header -->
                 <template v-if="item.raw.class === 'transfer-type-list-header'">
                   <v-list-item
@@ -185,7 +185,7 @@ export default defineComponent({
       selectedTransferType: getMhrTransferType.value as TransferTypeSelectIF,
       showTransferChangeDialog: false,
       previousType: null as TransferTypeSelectIF,
-      declaredValueRules: computed((): Array<Function> => {
+      declaredValueRules: computed((): Array<()=>string|boolean> => {
         return customRules(
           maxLength(7, true),
           isNumber(),
diff --git a/ppr-ui/src/components/parties/Parties.vue b/ppr-ui/src/components/parties/Parties.vue
index 15a04c2a4..052fc970b 100644
--- a/ppr-ui/src/components/parties/Parties.vue
+++ b/ppr-ui/src/components/parties/Parties.vue
@@ -2,13 +2,13 @@
   <v-container
     v-if="isSummary"
     fluid
-    class="pa-0 no-gutters"
+    class="pa-0 noGutters"
   >
     <PartySummary />
   </v-container>
   <v-container
     v-else
-    class="pa-0 no-gutters"
+    class="pa-0 noGutters"
   >
     <v-row noGutters>
       <v-col
diff --git a/ppr-ui/src/components/parties/PartySummary.vue b/ppr-ui/src/components/parties/PartySummary.vue
index 9cc226075..08b3b80cd 100644
--- a/ppr-ui/src/components/parties/PartySummary.vue
+++ b/ppr-ui/src/components/parties/PartySummary.vue
@@ -107,7 +107,7 @@ import {
   RegisteringPartySummary,
   SecuredPartySummary
 } from '@/components/parties/summaries'
-import { AddPartiesIF } from '@/interfaces' // eslint-disable-line no-unused-vars
+import { AddPartiesIF } from '@/interfaces'
 import { useParty } from '@/composables/useParty'
 import { PartyAddressSchema } from '@/schemas'
 
diff --git a/ppr-ui/src/components/parties/debtor/Debtors.vue b/ppr-ui/src/components/parties/debtor/Debtors.vue
index 3230c583d..9371756f0 100644
--- a/ppr-ui/src/components/parties/debtor/Debtors.vue
+++ b/ppr-ui/src/components/parties/debtor/Debtors.vue
@@ -2,7 +2,7 @@
   <v-container
     id="debtors-component"
     fluid
-    class="pa-0 no-gutters"
+    class="pa-0 noGutters"
   >
     <v-row noGutters>
       <v-col cols="auto">
@@ -332,7 +332,7 @@ import {
   watch
 } from 'vue'
 import { useStore } from '@/store/store'
-import { AddPartiesIF } from '@/interfaces' // eslint-disable-line no-unused-vars
+import { AddPartiesIF } from '@/interfaces'
 import EditDebtor from './EditDebtor.vue'
 import { useParty } from '@/composables/useParty'
 import { BaseAddress } from '@/composables/address'
@@ -362,6 +362,7 @@ export default defineComponent({
       default: false
     }
   },
+  emits: ['setDebtorValid', 'debtorOpen'],
   setup (props, { emit }) {
     const { setAddSecuredPartiesAndDebtors } = useStore()
     const {
diff --git a/ppr-ui/src/components/parties/debtor/EditDebtor.vue b/ppr-ui/src/components/parties/debtor/EditDebtor.vue
index 0fe266f08..070fcf68c 100644
--- a/ppr-ui/src/components/parties/debtor/EditDebtor.vue
+++ b/ppr-ui/src/components/parties/debtor/EditDebtor.vue
@@ -87,7 +87,7 @@
                   :setAutoCompleteIsActive="autoCompleteIsActive"
                   :showDropdown="$refs.debtorNameSearchField && $refs.debtorNameSearchField.isFocused"
                   isPPR
-                  @search-value="setSearchValue"
+                  @searchValue="setSearchValue"
                   @searching="loadingSearchResults = $event"
                 />
               </v-col>
diff --git a/ppr-ui/src/components/parties/party/EditParty.vue b/ppr-ui/src/components/parties/party/EditParty.vue
index 8a3f185f2..13de84aad 100644
--- a/ppr-ui/src/components/parties/party/EditParty.vue
+++ b/ppr-ui/src/components/parties/party/EditParty.vue
@@ -114,7 +114,7 @@
                       :setAutoCompleteIsActive="autoCompleteIsActive"
                       :showDropdown="$refs.partyNameSearchField && $refs.partyNameSearchField.isFocused"
                       isPpr
-                      @search-value="setSearchValue"
+                      @searchValue="setSearchValue"
                       @searching="loadingSearchResults = $event"
                     />
                   </v-col>
@@ -283,7 +283,7 @@ import { BaseAddress } from '@/composables/address'
 import { SecuredPartyTypes } from '@/enums'
 import { useSecuredParty, useSecuredPartyValidation } from '@/composables/parties'
 import { formatAddress } from '@/composables/address/factories'
-import { SearchPartyIF } from '@/interfaces' // eslint-disable-line no-unused-vars
+import { SearchPartyIF } from '@/interfaces'
 import { partyCodeSearch } from '@/utils'
 import { useValidation } from '@/utils/validators/use-validation'
 import { isEqual } from 'lodash'
diff --git a/ppr-ui/src/components/parties/party/PartyAutocomplete.vue b/ppr-ui/src/components/parties/party/PartyAutocomplete.vue
index c89d69064..84791d865 100644
--- a/ppr-ui/src/components/parties/party/PartyAutocomplete.vue
+++ b/ppr-ui/src/components/parties/party/PartyAutocomplete.vue
@@ -12,7 +12,7 @@
       class="pl-2 pa-0"
     >
       <v-col
-        class="no-gutters"
+        class="noGutters"
         cols="12"
       >
         <v-list
@@ -115,7 +115,7 @@ import { defineComponent, reactive, toRefs, computed } from 'vue'
 import { useCountriesProvinces } from '@/composables/address/factories'
 import { useSecuredParty } from '@/composables/parties'
 import { ActionTypes } from '@/enums'
-import { SearchPartyIF, PartyIF } from '@/interfaces' // eslint-disable-line no-unused-vars
+import { SearchPartyIF, PartyIF } from '@/interfaces'
 
 export default defineComponent({
   name: 'PartyAutocomplete',
diff --git a/ppr-ui/src/components/parties/party/PartySearch.vue b/ppr-ui/src/components/parties/party/PartySearch.vue
index d17de4c77..13eb13f67 100644
--- a/ppr-ui/src/components/parties/party/PartySearch.vue
+++ b/ppr-ui/src/components/parties/party/PartySearch.vue
@@ -1,7 +1,7 @@
 <template>
   <v-container
     id="ppr-party-code"
-    class="bg-white px-0 py-6 no-gutters"
+    class="bg-white px-0 py-6 noGutters"
   >
     <v-row
       class="px-6"
@@ -89,7 +89,7 @@ import {
 import { useStore } from '@/store/store'
 import { PartyAutocomplete } from '@/components/parties/party'
 import { RegistrationFlowType } from '@/enums'
-import { SearchPartyIF } from '@/interfaces' // eslint-disable-line no-unused-vars
+import { SearchPartyIF } from '@/interfaces'
 import { partyCodeSearch } from '@/utils'
 import { storeToRefs } from 'pinia'
 
diff --git a/ppr-ui/src/components/parties/party/RegisteringParty.vue b/ppr-ui/src/components/parties/party/RegisteringParty.vue
index 58b0e59b6..e8695bf06 100644
--- a/ppr-ui/src/components/parties/party/RegisteringParty.vue
+++ b/ppr-ui/src/components/parties/party/RegisteringParty.vue
@@ -179,9 +179,9 @@ import { BaseAddress } from '@/composables/address'
 import { useParty } from '@/composables/useParty'
 import { useRegisteringParty } from '@/composables/useRegisteringParty'
 import { RegistrationFlowType, ActionTypes } from '@/enums'
-import { PartyIF } from '@/interfaces' // eslint-disable-line no-unused-vars
+import { PartyIF } from '@/interfaces'
 import { editTableHeaders, registeringTableHeaders } from '@/resources'
-import { PartyAddressSchema } from '@/schemas' // eslint-disable-line no-unused-vars
+import { PartyAddressSchema } from '@/schemas'
 import { ErrorContact } from '@/components/common'
 import { storeToRefs } from 'pinia'
 
@@ -191,6 +191,7 @@ export default defineComponent({
     EditParty,
     ErrorContact
   },
+  emits: ['changeRegisteringParty'],
   setup (props, context) {
     const { getAddSecuredPartiesAndDebtors, getRegistrationFlowType } = storeToRefs(useStore())
     const addressSchema = PartyAddressSchema
diff --git a/ppr-ui/src/components/parties/party/RegisteringPartyChange.vue b/ppr-ui/src/components/parties/party/RegisteringPartyChange.vue
index 3e5adbdb2..c48c4174a 100644
--- a/ppr-ui/src/components/parties/party/RegisteringPartyChange.vue
+++ b/ppr-ui/src/components/parties/party/RegisteringPartyChange.vue
@@ -77,7 +77,7 @@ import {
 import { useStore } from '@/store/store'
 import { EditParty, PartySearch, RegisteringParty } from '@/components/parties/party'
 import { PartyIF } from '@/interfaces'
-import { storeToRefs } from 'pinia' // eslint-disable-line no-unused-vars
+import { storeToRefs } from 'pinia'
 
 export default defineComponent({
   components: {
@@ -95,6 +95,7 @@ export default defineComponent({
       default: false
     }
   },
+  emits: ['registeringPartyOpen'],
   setup (props, context) {
     const { getAddSecuredPartiesAndDebtors, isRoleStaffSbc } = storeToRefs(useStore())
     const localState = reactive({
diff --git a/ppr-ui/src/components/parties/party/SecuredParties.vue b/ppr-ui/src/components/parties/party/SecuredParties.vue
index 9da1dd501..abffd9217 100644
--- a/ppr-ui/src/components/parties/party/SecuredParties.vue
+++ b/ppr-ui/src/components/parties/party/SecuredParties.vue
@@ -2,7 +2,7 @@
   <v-container
     id="secured-parties-component"
     fluid
-    class="pa-0 no-gutters"
+    class="pa-0 noGutters"
   >
     <ChangeSecuredPartyDialog
       attach="#app"
@@ -463,7 +463,7 @@ import { useCountriesProvinces } from '@/composables/address/factories'
 import { useParty } from '@/composables/useParty'
 import { useSecuredParty } from '@/composables/parties'
 import { ActionTypes, RegistrationFlowType } from '@/enums'
-import { PartyIF, AddPartiesIF, SearchPartyIF } from '@/interfaces' // eslint-disable-line no-unused-vars
+import { PartyIF, AddPartiesIF, SearchPartyIF } from '@/interfaces'
 import { editTableHeaders, partyTableHeaders } from '@/resources'
 import { PartyAddressSchema } from '@/schemas'
 import { partyCodeAccount } from '@/utils'
@@ -490,6 +490,7 @@ export default defineComponent({
       default: false
     }
   },
+  emits: ['securedPartyOpen', 'setSecuredPartiesValid'],
   setup (props, context) {
     const { setAddSecuredPartiesAndDebtors } = useStore()
     const {
@@ -671,8 +672,7 @@ export default defineComponent({
 
     const filterList = (
       item: SearchPartyIF,
-      queryText: string,
-      itemText: string
+      queryText: string
     ) => {
       const textOne = item.businessName.toLowerCase()
       const searchText = queryText.toLowerCase()
@@ -767,46 +767,4 @@ export default defineComponent({
 
 <style lang="scss" scoped>
 @import '@/assets/styles/theme.scss';
-//
-//.v-remove {
-//  padding-right: 2px;
-//}
-//.v-remove:hover {
-//  background-color: white!important;
-//}
-//
-//.party-search {
-//  background-color: white;
-//}
-//.auto-complete-row {
-//  font-size: 0.875rem;
-//  width: 35rem;
-//}
-//
-//td {
-//  word-wrap: break-word;
-//}
-//
-//:deep(.party-search .v-select__selections) {
-//  color: $gray7 !important;
-//}
-//
-//:deep(.v-data-table:not(.party-table))
-//  > .v-data-table__wrapper
-//  > table
-//  > tbody
-//  > tr
-//  > td.list-item__title {
-//  height: auto;
-//}
-//
-//:deep(.v-list-item--active) {
-//  color: $primary-blue !important;
-//  font-size: 0.875rem;
-//}
-//
-//:deep(.v-list-item__content) {
-//  padding: 6px 0;
-//}
-
 </style>
diff --git a/ppr-ui/src/components/parties/summaries/BasePartySummary.vue b/ppr-ui/src/components/parties/summaries/BasePartySummary.vue
index 1eb54f7bb..a8ab71b8b 100644
--- a/ppr-ui/src/components/parties/summaries/BasePartySummary.vue
+++ b/ppr-ui/src/components/parties/summaries/BasePartySummary.vue
@@ -139,7 +139,7 @@ import { useStore } from '@/store/store'
 import { BaseAddress } from '@/composables/address'
 import { DefaultSchema } from '@/composables/address/resources'
 import { useParty } from '@/composables/useParty'
-import { BaseHeaderIF, PartyIF, PartySummaryOptionsI } from '@/interfaces' // eslint-disable-line no-unused-vars
+import { BaseHeaderIF, PartyIF, PartySummaryOptionsI } from '@/interfaces'
 import { RegistrationFlowType, ActionTypes, APIRegistrationTypes } from '@/enums'
 import { storeToRefs } from 'pinia'
 
diff --git a/ppr-ui/src/components/parties/summaries/DebtorSummary.vue b/ppr-ui/src/components/parties/summaries/DebtorSummary.vue
index 1d270e9ae..62362d0ef 100644
--- a/ppr-ui/src/components/parties/summaries/DebtorSummary.vue
+++ b/ppr-ui/src/components/parties/summaries/DebtorSummary.vue
@@ -14,7 +14,7 @@ import { computed, defineComponent, reactive, toRefs } from 'vue'
 import { useStore } from '@/store/store'
 import { useRouter } from 'vue-router'
 import { BasePartySummary } from '@/components/parties/summaries'
-import { AddPartiesIF, PartySummaryOptionsI } from '@/interfaces' // eslint-disable-line no-unused-vars
+import { AddPartiesIF, PartySummaryOptionsI } from '@/interfaces'
 import { debtorTableHeaders } from '@/resources'
 import { storeToRefs } from 'pinia'
 
@@ -25,9 +25,11 @@ export default defineComponent({
   },
   props: {
     setEnableNoDataAction: {
+      type: Boolean,
       default: false
     },
     setHeader: {
+      type: String,
       default: ''
     }
   },
diff --git a/ppr-ui/src/components/parties/summaries/RegisteringPartySummary.vue b/ppr-ui/src/components/parties/summaries/RegisteringPartySummary.vue
index 778e47360..dde447691 100644
--- a/ppr-ui/src/components/parties/summaries/RegisteringPartySummary.vue
+++ b/ppr-ui/src/components/parties/summaries/RegisteringPartySummary.vue
@@ -20,7 +20,7 @@ import {
 import { useStore } from '@/store/store'
 import { useRouter } from 'vue-router'
 import { BasePartySummary } from '@/components/parties/summaries'
-import { AddPartiesIF, PartyIF, PartySummaryOptionsI } from '@/interfaces' // eslint-disable-line no-unused-vars
+import { AddPartiesIF, PartyIF, PartySummaryOptionsI } from '@/interfaces'
 import { registeringTableHeaders } from '@/resources'
 import { RegistrationFlowType } from '@/enums'
 import { useRegisteringParty } from '@/composables/useRegisteringParty'
@@ -33,9 +33,11 @@ export default defineComponent({
   },
   props: {
     setEnableNoDataAction: {
+      type: Boolean,
       default: false
     },
     setHeader: {
+      type: String,
       default: ''
     }
   },
diff --git a/ppr-ui/src/components/parties/summaries/SecuredPartySummary.vue b/ppr-ui/src/components/parties/summaries/SecuredPartySummary.vue
index 70d596bc1..deb599e79 100644
--- a/ppr-ui/src/components/parties/summaries/SecuredPartySummary.vue
+++ b/ppr-ui/src/components/parties/summaries/SecuredPartySummary.vue
@@ -18,7 +18,7 @@ import {
 } from 'vue'
 import { useStore } from '@/store/store'
 import { BasePartySummary } from '@/components/parties/summaries'
-import { AddPartiesIF, PartySummaryOptionsI } from '@/interfaces' // eslint-disable-line no-unused-vars
+import { AddPartiesIF, PartySummaryOptionsI } from '@/interfaces'
 import { useRouter } from 'vue-router'
 import { partyTableHeaders } from '@/resources'
 import { RegistrationFlowType } from '@/enums'
diff --git a/ppr-ui/src/components/registration/AmendmentDescription.vue b/ppr-ui/src/components/registration/AmendmentDescription.vue
index d77be4ced..2c30be3e1 100644
--- a/ppr-ui/src/components/registration/AmendmentDescription.vue
+++ b/ppr-ui/src/components/registration/AmendmentDescription.vue
@@ -2,7 +2,7 @@
   <v-container
     v-if="!summaryView"
     fluid
-    class="pb-6 px-0 rounded no-gutters"
+    class="pb-6 px-0 rounded noGutters"
   >
     <v-row
       noGutters
@@ -62,7 +62,7 @@
   </v-container>
   <v-container
     v-else
-    class="bg-white pa-0 no-gutters"
+    class="bg-white pa-0 noGutters"
     fluid
   >
     <v-row
diff --git a/ppr-ui/src/components/registration/RegistrationBar.vue b/ppr-ui/src/components/registration/RegistrationBar.vue
index 09658a3fd..59b765ecc 100644
--- a/ppr-ui/src/components/registration/RegistrationBar.vue
+++ b/ppr-ui/src/components/registration/RegistrationBar.vue
@@ -37,10 +37,10 @@ import { useStore } from '@/store/store'
 import RegistrationBarButtonList from '@/components/registration/RegistrationBarButtonList.vue'
 import RegistrationBarTypeAheadList from '@/components/registration/RegistrationBarTypeAheadList.vue'
 import {
-  AccountProductCodes, AccountProductRoles, // eslint-disable-line no-unused-vars
+  AccountProductCodes, AccountProductRoles,
   APIRegistrationTypes
 } from '@/enums'
-import { AccountProductSubscriptionIF, RegistrationTypeIF } from '@/interfaces' // eslint-disable-line no-unused-vars
+import { AccountProductSubscriptionIF, RegistrationTypeIF } from '@/interfaces'
 import { MhrRegistrationType } from '@/resources'
 import { storeToRefs } from 'pinia'
 
@@ -59,7 +59,7 @@ export default defineComponent({
       default: false
     }
   },
-  emits: ['selected-registration-type'],
+  emits: ['selectedRegistrationType'],
   setup (props, { emit }) {
     const { setRegistrationTypeOtherDesc } = useStore()
     const {
@@ -79,7 +79,7 @@ export default defineComponent({
       if (val.registrationTypeAPI !== APIRegistrationTypes.OTHER) {
         setRegistrationTypeOtherDesc('')
       }
-      emit('selected-registration-type', val)
+      emit('selectedRegistrationType', val)
     }
 
     return {
diff --git a/ppr-ui/src/components/registration/RegistrationBarTypeAheadList.vue b/ppr-ui/src/components/registration/RegistrationBarTypeAheadList.vue
index 8c081bc51..a78b98a2b 100644
--- a/ppr-ui/src/components/registration/RegistrationBarTypeAheadList.vue
+++ b/ppr-ui/src/components/registration/RegistrationBarTypeAheadList.vue
@@ -82,8 +82,8 @@
 <script lang="ts">
 import { computed, defineComponent, reactive, toRefs, watch } from 'vue'
 import { RegistrationOtherDialog } from '@/components/dialogs'
-import { APIRegistrationTypes } from '@/enums' // eslint-disable-line no-unused-vars
-import { RegistrationTypeIF } from '@/interfaces' // eslint-disable-line no-unused-vars
+import { APIRegistrationTypes } from '@/enums'
+import { RegistrationTypeIF } from '@/interfaces'
 import { RegistrationTypes } from '@/resources'
 import { registrationOtherDialog } from '@/resources/dialogOptions'
 
diff --git a/ppr-ui/src/components/registration/length-trust/EditTrustIndenture.vue b/ppr-ui/src/components/registration/length-trust/EditTrustIndenture.vue
index 077ebfbd2..61ff93235 100644
--- a/ppr-ui/src/components/registration/length-trust/EditTrustIndenture.vue
+++ b/ppr-ui/src/components/registration/length-trust/EditTrustIndenture.vue
@@ -1,7 +1,7 @@
 <template>
   <v-container
     fluid
-    class="pa-0 no-gutters"
+    class="pa-0 noGutters"
   >
     <div>
       <v-row
@@ -66,7 +66,7 @@ import {
   toRefs
 } from 'vue'
 import { useStore } from '@/store/store'
-import { LengthTrustIF } from '@/interfaces' // eslint-disable-line no-unused-vars
+import { LengthTrustIF } from '@/interfaces'
 import { ActionTypes } from '@/enums'
 import { storeToRefs } from 'pinia'
 
diff --git a/ppr-ui/src/components/registration/length-trust/RegistrationLengthTrust.vue b/ppr-ui/src/components/registration/length-trust/RegistrationLengthTrust.vue
index b9454cfbc..d0c53c773 100644
--- a/ppr-ui/src/components/registration/length-trust/RegistrationLengthTrust.vue
+++ b/ppr-ui/src/components/registration/length-trust/RegistrationLengthTrust.vue
@@ -2,7 +2,7 @@
   <v-container
     id="length-trust-component"
     fluid
-    class="bg-white pt-0 pb-6 pr-10 pl-8 rounded no-gutters"
+    class="bg-white pt-0 pb-6 pr-10 pl-8 rounded noGutters"
     :class="{ 'invalid-message': showInvalid }"
   >
     <v-row
@@ -193,7 +193,7 @@ import {
   onMounted
 } from 'vue'
 import { useStore } from '@/store/store'
-import { LengthTrustIF } from '@/interfaces' // eslint-disable-line no-unused-vars
+import { LengthTrustIF } from '@/interfaces'
 import { formatExpiryDate, isInt } from '@/utils'
 import { APIRegistrationTypes } from '@/enums'
 import { getFinancingFee } from '@/composables/fees/factories'
@@ -210,6 +210,7 @@ export default defineComponent({
       default: false
     }
   },
+  emits: ['lengthTrustValid'],
   setup (props, context) {
     const { setLengthTrust } = useStore()
     const {
diff --git a/ppr-ui/src/components/registration/length-trust/RegistrationLengthTrustAmendment.vue b/ppr-ui/src/components/registration/length-trust/RegistrationLengthTrustAmendment.vue
index 05f4ae857..3e63c0338 100644
--- a/ppr-ui/src/components/registration/length-trust/RegistrationLengthTrustAmendment.vue
+++ b/ppr-ui/src/components/registration/length-trust/RegistrationLengthTrustAmendment.vue
@@ -116,7 +116,7 @@
     </v-card>
     <v-container
       v-else
-      class="bg-white pa-0 no-gutters"
+      class="bg-white pa-0 noGutters"
       fluid
     >
       <v-row
@@ -161,9 +161,7 @@ import {
 } from 'vue'
 import { useStore } from '@/store/store'
 import EditTrustIndenture from './EditTrustIndenture.vue'
-
-// local
-import { LengthTrustIF } from '@/interfaces' // eslint-disable-line no-unused-vars
+import { LengthTrustIF } from '@/interfaces'
 import { formatExpiryDate } from '@/utils'
 import { APIRegistrationTypes } from '@/enums'
 import { storeToRefs } from 'pinia'
@@ -182,6 +180,7 @@ export default defineComponent({
       default: false
     }
   },
+  emits: ['lengthTrustOpen'],
   setup (props, context) {
     const { setLengthTrust } = useStore()
     const {
diff --git a/ppr-ui/src/components/registration/length-trust/RegistrationLengthTrustSummary.vue b/ppr-ui/src/components/registration/length-trust/RegistrationLengthTrustSummary.vue
index 8515b59d8..e912f06cb 100644
--- a/ppr-ui/src/components/registration/length-trust/RegistrationLengthTrustSummary.vue
+++ b/ppr-ui/src/components/registration/length-trust/RegistrationLengthTrustSummary.vue
@@ -161,7 +161,7 @@ import { useStore } from '@/store/store'
 import { useRoute, useRouter } from 'vue-router'
 
 // local
-import { LengthTrustIF } from '@/interfaces' // eslint-disable-line no-unused-vars
+import { LengthTrustIF } from '@/interfaces'
 import { convertDate, formatExpiryDate, isInt } from '@/utils'
 import { APIRegistrationTypes, RouteNames, RegistrationFlowType } from '@/enums'
 import { getFinancingFee } from '@/composables/fees/factories'
diff --git a/ppr-ui/src/components/registration/length-trust/RegistrationRepairersLien.vue b/ppr-ui/src/components/registration/length-trust/RegistrationRepairersLien.vue
index f98df2045..f6429dc75 100644
--- a/ppr-ui/src/components/registration/length-trust/RegistrationRepairersLien.vue
+++ b/ppr-ui/src/components/registration/length-trust/RegistrationRepairersLien.vue
@@ -2,7 +2,7 @@
   <v-container
     v-if="renewalView"
     fluid
-    class="bg-white pa-0 no-gutters"
+    class="bg-white pa-0 noGutters"
   >
     <v-card
       id="length-trust-summary"
@@ -121,7 +121,7 @@
   <v-container
     v-else
     fluid
-    class="bg-white pb-6 pr-10 pl-8 rounded no-gutters"
+    class="bg-white pb-6 pr-10 pl-8 rounded noGutters"
     :class="{ 'invalid-message': lengthTrust.showInvalid }"
   >
     <v-row
@@ -235,7 +235,7 @@ import {
 } from 'vue'
 import { useStore } from '@/store/store'
 import InputFieldDatePicker from '@/components/common/InputFieldDatePicker.vue'
-import { LengthTrustIF } from '@/interfaces' // eslint-disable-line no-unused-vars
+import { LengthTrustIF } from '@/interfaces'
 import { convertDate, formatExpiryDate, localTodayDate } from '@/utils'
 import { APIRegistrationTypes } from '@/enums'
 import { storeToRefs } from 'pinia'
diff --git a/ppr-ui/src/components/search/BusinessSearchAutocomplete.vue b/ppr-ui/src/components/search/BusinessSearchAutocomplete.vue
index 2b398ac55..69550e1d0 100644
--- a/ppr-ui/src/components/search/BusinessSearchAutocomplete.vue
+++ b/ppr-ui/src/components/search/BusinessSearchAutocomplete.vue
@@ -10,7 +10,7 @@
       justify="center"
     >
       <v-col
-        class="no-gutters"
+        class="noGutters"
         cols="12"
       >
         <v-list
@@ -103,7 +103,7 @@
 
 <script lang="ts">
 import { defineComponent, reactive, toRefs, watch, computed } from 'vue'
-import { SearchResponseI } from '@/interfaces' // eslint-disable-line no-unused-vars
+import { SearchResponseI } from '@/interfaces'
 import { useSearch } from '@/composables/useSearch'
 import { BusinessTypes } from '@/enums/business-types'
 import { debounce } from 'lodash'
@@ -131,6 +131,7 @@ export default defineComponent({
           ' number and mailing address.'
     }
   },
+  emits: ['searchValue', 'searching'],
   setup (props, { emit }) {
     const { searchBusiness } = useSearch()
 
@@ -172,7 +173,7 @@ export default defineComponent({
           const searchValue = localState.autoCompleteResults[val]?.name
           localState.autoCompleteIsActive = false
           localState.isSearchResultSelected = true
-          emit('search-value', searchValue)
+          emit('searchValue', searchValue)
         }
       }
     )
diff --git a/ppr-ui/src/components/search/SearchBar.vue b/ppr-ui/src/components/search/SearchBar.vue
index 88c95cd78..c773b6da0 100644
--- a/ppr-ui/src/components/search/SearchBar.vue
+++ b/ppr-ui/src/components/search/SearchBar.vue
@@ -33,8 +33,8 @@
         <FolioNumber
           class="mb-n2"
           :defaultFolioNumber="folioNumber"
-          @folio-number="updateFolioNumber"
-          @folio-error="folioError = $event"
+          @folioNumber="updateFolioNumber"
+          @folioError="folioError = $event"
         />
       </v-col>
     </v-row>
@@ -100,7 +100,7 @@
           nilSearchText
           :searchValue="autoCompleteSearchValue"
           :setAutoCompleteIsActive="autoCompleteIsActive"
-          @search-value="setSearchValue"
+          @searchValue="setSearchValue"
           @searching="loadingSearchResults = $event"
         />
       </v-col>
@@ -141,7 +141,7 @@
           isPpr
           :searchValue="autoCompleteSearchValue"
           :setAutoCompleteIsActive="autoCompleteIsActive"
-          @search-value="setSearchValue"
+          @searchValue="setSearchValue"
           @searching="loadingSearchResults = $event"
         />
       </v-col>
@@ -324,7 +324,7 @@ import _ from 'lodash'
 import { mhrSearch, search, staffSearch, validateSearchAction, validateSearchRealTime } from '@/utils'
 import { MHRSearchTypes, SearchTypes } from '@/resources'
 import { paymentConfirmaionDialog, staffPaymentDialog } from '@/resources/dialogOptions'
-/* eslint-disable no-unused-vars */
+
 import {
   DialogOptionsIF,
   IndividualNameIF,
@@ -333,7 +333,7 @@ import {
   SearchValidationIF,
   UserSettingsIF
 } from '@/interfaces'
-/* eslint-enable no-unused-vars */
+
 import { APIMHRMapSearchTypes, APISearchTypes, SettingOptions } from '@/enums'
 import SearchBarList from '@/components/search/SearchBarList.vue'
 import BusinessSearchAutocomplete from '@/components/search/BusinessSearchAutocomplete.vue'
@@ -377,11 +377,11 @@ export default defineComponent({
     }
   },
   emits: [
-    'debtor-name',
-    'search-data',
-    'search-error',
-    'searched-type',
-    'searched-value',
+    'debtorName',
+    'searchData',
+    'searchError',
+    'searchedType',
+    'searchedValue',
     'togglePaymentDialog'
   ],
   setup (props, { emit }) {
@@ -615,7 +615,7 @@ export default defineComponent({
           localState.searchValue.padStart(6, '0')
         }
         setSearching(true)
-        emit('search-data', null) // clear any current results
+        emit('searchData', null) // clear any current results
         let resp
         if (isRoleStaffReg.value) {
           if (isPPRSearchType(localState.selectedSearchType?.searchTypeAPI)) {
@@ -643,17 +643,17 @@ export default defineComponent({
             resp = await mhrSearch(getSearchApiParams(), '')
           }
         }
-        if (resp?.error) emit('search-error', resp.error)
+        if (resp?.error) emit('searchError', resp.error)
         else {
-          emit('searched-type', localState.selectedSearchType)
+          emit('searchedType', localState.selectedSearchType)
           if (localState.isIndividual) {
-            emit('debtor-name', {
+            emit('debtorName', {
               first: localState.searchValueFirst,
               second: localState.searchValueSecond,
               last: localState.searchValueLast
             })
-          } else emit('searched-value', localState.searchValue)
-          emit('search-data', resp)
+          } else emit('searchedValue', localState.searchValue)
+          emit('searchData', resp)
         }
         setSearching(false)
       }
diff --git a/ppr-ui/src/components/search/SearchBarList.vue b/ppr-ui/src/components/search/SearchBarList.vue
index 4fcf67f04..19cf56184 100644
--- a/ppr-ui/src/components/search/SearchBarList.vue
+++ b/ppr-ui/src/components/search/SearchBarList.vue
@@ -69,11 +69,11 @@
   </v-select>
 </template>
 <script lang="ts">
-import { computed, defineComponent, onMounted, reactive, ref, toRefs } from 'vue'
+import { computed, defineComponent, reactive, ref, toRefs } from 'vue'
 import { useStore } from '@/store/store'
 import { MHRSearchTypes, SearchTypes } from '@/resources'
 import { APISearchTypes, UISearchTypes } from '@/enums'
-import { SearchTypeIF } from '@/interfaces' // eslint-disable-line no-unused-vars
+import { SearchTypeIF } from '@/interfaces'
 import { getFeatureFlag } from '@/utils'
 import { storeToRefs } from 'pinia'
 
@@ -81,7 +81,8 @@ export default defineComponent({
   name: 'SearchBarList',
   props: {
     defaultSelectedSearchType: {
-      type: Object as () => SearchTypeIF
+      type: Object as () => SearchTypeIF,
+      default: () => {}
     },
     defaultCategoryMessage: {
       type: String,
diff --git a/ppr-ui/src/components/tables/RegistrationTable.vue b/ppr-ui/src/components/tables/RegistrationTable.vue
index 8a77a501e..7b1a92d96 100644
--- a/ppr-ui/src/components/tables/RegistrationTable.vue
+++ b/ppr-ui/src/components/tables/RegistrationTable.vue
@@ -2,7 +2,7 @@
   <v-card
     ref="tableHeaderRef"
     flat
-    class="pa-0 no-gutters"
+    class="pa-0 noGutters"
   >
     <!-- Ranged Date Picker for DateTime Filtering -->
     <RangeDatePicker
@@ -37,7 +37,7 @@
             >
               <v-row
                 class="reg-header-row"
-                no-gutters
+                noGutters
                 @click="toggleOrderBy(header.value, header.sortable)"
               >
                 <v-col
@@ -54,7 +54,7 @@
               </v-row>
               <v-row
                 class="reg-filter-row py-2"
-                no-gutters
+                noGutters
               >
                 <v-col>
                   <v-text-field
diff --git a/ppr-ui/src/components/tables/SearchHistory.vue b/ppr-ui/src/components/tables/SearchHistory.vue
index ee438c9cc..8a659c051 100644
--- a/ppr-ui/src/components/tables/SearchHistory.vue
+++ b/ppr-ui/src/components/tables/SearchHistory.vue
@@ -218,7 +218,7 @@ import {
   toRefs
 } from 'vue'
 import { useStore } from '@/store/store'
-import { SearchCriteriaIF, SearchResponseIF } from '@/interfaces' // eslint-disable-line no-unused-vars
+import { SearchCriteriaIF, SearchResponseIF } from '@/interfaces'
 import { MHRSearchTypes, searchHistoryTableHeaders, searchHistoryTableHeadersStaff, SearchTypes } from '@/resources'
 import { convertDate, searchPDF, submitSelected, successfulPPRResponses, searchMhrPDF, delayActions } from '@/utils'
 import { ErrorContact } from '../common'
@@ -235,6 +235,7 @@ export default defineComponent({
     SortingIcon,
     ErrorContact
   },
+  emits: ['error', 'retry'],
   setup (props, { emit }) {
     const {
       getSearchHistory,
diff --git a/ppr-ui/src/components/tables/common/TableObserver.vue b/ppr-ui/src/components/tables/common/TableObserver.vue
index dc9148fa4..4667b3e9b 100644
--- a/ppr-ui/src/components/tables/common/TableObserver.vue
+++ b/ppr-ui/src/components/tables/common/TableObserver.vue
@@ -3,8 +3,15 @@
 </template>
 
 <script>
+
 export default {
-  props: ['options'],
+  props: {
+    options: {
+      type: Object,
+      default: () => {}
+    }
+  },
+  emits: ['intersect'],
   data: () => ({
     observer: null
   }),
diff --git a/ppr-ui/src/components/tables/common/TableRow.vue b/ppr-ui/src/components/tables/common/TableRow.vue
index 0d98e3c8b..a09cc3dae 100644
--- a/ppr-ui/src/components/tables/common/TableRow.vue
+++ b/ppr-ui/src/components/tables/common/TableRow.vue
@@ -517,7 +517,6 @@
                   <v-tooltip
                     v-if="hasLienForQS || hasLockedForQS"
                     location="left"
-                    nudge-left="18"
                     content-class="left-tooltip pa-5"
                     transition="fade-transition"
                   >
@@ -647,14 +646,14 @@ import {
 } from '@/utils'
 import { useStore } from '@/store/store'
 import InfoChip from '@/components/common/InfoChip.vue'
-/* eslint-disable no-unused-vars */
+
 import {
   BaseHeaderIF,
   DraftResultIF,
   MhRegistrationSummaryIF,
   RegistrationSummaryIF
 } from '@/interfaces'
-/* eslint-enable no-unused-vars */
+
 import {
   APIMhrDescriptionTypes,
   APIMhrTypes,
diff --git a/ppr-ui/src/components/tables/mhr/HomeSectionsTable.vue b/ppr-ui/src/components/tables/mhr/HomeSectionsTable.vue
index e02928081..31c32efa1 100644
--- a/ppr-ui/src/components/tables/mhr/HomeSectionsTable.vue
+++ b/ppr-ui/src/components/tables/mhr/HomeSectionsTable.vue
@@ -82,9 +82,7 @@
                 </v-btn>
                 <!-- Actions drop down menu -->
                 <v-menu
-                  offsetY
                   location="bottom right"
-                  nudgeBottom="4"
                 >
                   <template #activator="{ props }">
                     <v-btn
@@ -137,18 +135,25 @@
 
 <script lang="ts">
 import { computed, defineComponent, reactive, toRefs, watch } from 'vue'
-import { BaseHeaderIF, HomeSectionIF } from '@/interfaces' // eslint-disable-line no-unused-vars
+import { BaseHeaderIF, HomeSectionIF } from '@/interfaces'
 import { homeSectionsTableHeaders, homeSectionsReviewTableHeaders } from '@/resources/tableHeaders'
 import AddEditHomeSections from '@/components/mhrRegistration/YourHome/AddEditHomeSections.vue'
 export default defineComponent({
   name: 'HomeSectionsTable',
   components: { AddEditHomeSections },
   props: {
-    isAdding: { default: false },
-    isReviewMode: { default: false },
+    isAdding: {
+      type: Boolean,
+      default: false
+    },
+    isReviewMode: {
+      type: Boolean,
+      default: false
+    },
     homeSections: { type: Array as () => HomeSectionIF[], default: () => [] },
     validate: { type: Boolean, default: false }
   },
+  emits: ['edit', 'remove', 'isEditing'],
   setup (props, context) {
     const localState = reactive({
       activeIndex: -1,
diff --git a/ppr-ui/src/components/tables/mhr/SearchedResults.vue b/ppr-ui/src/components/tables/mhr/SearchedResults.vue
index d41ccdc1e..78ee4e1ad 100644
--- a/ppr-ui/src/components/tables/mhr/SearchedResults.vue
+++ b/ppr-ui/src/components/tables/mhr/SearchedResults.vue
@@ -45,8 +45,8 @@
             <FolioNumber
               class="mr-3 ml-0 mt-n2"
               :defaultFolioNumber="folioNumber"
-              @folio-number="updateFolioOrReference($event)"
-              @folio-error="folioError = $event"
+              @folioNumber="updateFolioOrReference($event)"
+              @folioError="folioError = $event"
             />
             <v-btn
               color="primary"
@@ -521,9 +521,9 @@
 </template>
 
 <script lang="ts">
-import { computed, defineComponent, reactive, toRefs, onMounted, watch, nextTick, toRaw } from 'vue'
+import { computed, defineComponent, reactive, toRefs, onMounted, watch } from 'vue'
 import { useRouter } from 'vue-router'
-import { useStore } from '@/store/store' // eslint-disable-line no-unused-vars
+import { useStore } from '@/store/store'
 import {
   mhSearchMhrNumberHeaders,
   mhSearchMhrNumberHeadersReview,
@@ -532,7 +532,7 @@ import {
   mhSearchSerialNumberHeaders,
   mhSearchSerialNumberHeadersReview
 } from '@/resources'
-import { BaseHeaderIF, ManufacturedHomeSearchResultIF } from '@/interfaces' // eslint-disable-line no-unused-vars
+import { BaseHeaderIF, ManufacturedHomeSearchResultIF } from '@/interfaces'
 import { FolioNumber } from '@/components/common'
 import { RouteNames, UIMHRSearchTypeMap, UIMHRSearchTypes, UIMHRSearchTypeValues } from '@/enums'
 import { cloneDeep, uniqBy, filter, sortBy, groupBy } from 'lodash'
@@ -545,7 +545,10 @@ export default defineComponent({
     FolioNumber
   },
   props: {
-    isReviewMode: { default: false }
+    isReviewMode: {
+      type: Boolean,
+      default: false
+    }
   },
   setup (props) {
     const router = useRouter()
@@ -573,7 +576,7 @@ export default defineComponent({
       tooltipTxtSrchMtchs: 'One or more of the selected matches appear in ' +
         'the same registration. That registration will only be shown once in the report.',
       results: [] as ManufacturedHomeSearchResultIF[],
-      groupedResults: [] as Object as { string: ManufacturedHomeSearchResultIF[] }, // results grouped by Mhr Number
+      groupedResults: [] as object as { string: ManufacturedHomeSearchResultIF[] }, // results grouped by Mhr Number
       uniqueResults: [] as ManufacturedHomeSearchResultIF[],
       uniqueResultsSelected: computed((): ManufacturedHomeSearchResultIF[] => {
         return uniqBy(localState.activeResults, UIMHRSearchTypeValues.MHRMHR_NUMBER).filter(item => item.selected)
diff --git a/ppr-ui/src/components/tables/ppr/SearchedResults.vue b/ppr-ui/src/components/tables/ppr/SearchedResults.vue
index 61ff0a60d..ee472be28 100644
--- a/ppr-ui/src/components/tables/ppr/SearchedResults.vue
+++ b/ppr-ui/src/components/tables/ppr/SearchedResults.vue
@@ -1,5 +1,5 @@
 <template>
-  <v-container class="pa-0 bg-white">
+  <v-container class="pa-0 bg-white pb-0">
     <!-- Results Header -->
     <v-row
       v-if="searched"
@@ -80,6 +80,7 @@
           v-if="results"
           id="search-results-table"
           class="results-table"
+          :class="{'hide-scroll': results.length <= 1 }"
           fixedHeader
         >
           <template #default>
@@ -303,7 +304,6 @@
 import { computed, defineComponent, reactive, toRefs, watch } from 'vue'
 import { useStore } from '@/store/store'
 import { searchTableHeaders, VehicleTypes } from '@/resources'
-// eslint-disable-line no-unused-vars
 import { BaseHeaderIF, SearchResponseIF, SearchResultIF, TableHeadersIF } from '@/interfaces'
 import { APISearchTypes, MatchTypes } from '@/enums'
 import { convertDate } from '@/utils'
@@ -312,13 +312,15 @@ import { storeToRefs } from 'pinia'
 export default defineComponent({
   props: {
     defaultHeaders: {
-      type: Array as () => TableHeadersIF
+      type: Array as () => TableHeadersIF,
+      default: () => []
     },
     defaultResults: {
-      type: Array as () => Array<SearchResultIF>
+      type: Array as () => Array<SearchResultIF>,
+      default: () => []
     }
   },
-  emits: ['selected-matches', 'submit'],
+  emits: ['selectedMatches', 'submit'],
   setup (props, { emit }) {
     const { getSearchResults } = storeToRefs(useStore())
 
@@ -402,7 +404,7 @@ export default defineComponent({
       return vehicle.text
     }
 
-    watch(() => localState.results, (results) => {
+    watch(() => localState.results, () => {
       localState.selected = [...localState.exactMatchResults]
     })
     watch(() => localState.selectAll, (selectAll: boolean) => {
@@ -422,7 +424,7 @@ export default defineComponent({
         localState.selectedInitialized = true
         return
       }
-      emit('selected-matches', selected)
+      emit('selectedMatches', selected)
     }, { immediate: true })
 
     return {
@@ -484,4 +486,9 @@ th {
 :deep(.v-table__wrapper) {
   max-height: 550px;
 }
+.hide-scroll {
+  :deep(.v-table__wrapper) {
+    overflow: hidden!important;
+  }
+}
 </style>
diff --git a/ppr-ui/src/components/unitNotes/EffectiveDate.vue b/ppr-ui/src/components/unitNotes/EffectiveDate.vue
index 2491f3811..a6b46a8e0 100644
--- a/ppr-ui/src/components/unitNotes/EffectiveDate.vue
+++ b/ppr-ui/src/components/unitNotes/EffectiveDate.vue
@@ -99,7 +99,7 @@ export default defineComponent({
     },
     sectionNumber: {
       type: Number,
-      required: false
+      default: null
     },
     content: {
       type: Object as () => ContentIF,
diff --git a/ppr-ui/src/components/unitNotes/ExpiryDate.vue b/ppr-ui/src/components/unitNotes/ExpiryDate.vue
index bf7a4b573..72183ff86 100644
--- a/ppr-ui/src/components/unitNotes/ExpiryDate.vue
+++ b/ppr-ui/src/components/unitNotes/ExpiryDate.vue
@@ -90,7 +90,7 @@ export default defineComponent({
     },
     sectionNumber: {
       type: Number,
-      required: false
+      default: null
     },
     content: {
       type: Object as () => ContentIF,
diff --git a/ppr-ui/src/composables/address/BaseAddress.vue b/ppr-ui/src/composables/address/BaseAddress.vue
index a0fb50c89..f6c217a49 100644
--- a/ppr-ui/src/composables/address/BaseAddress.vue
+++ b/ppr-ui/src/composables/address/BaseAddress.vue
@@ -166,7 +166,7 @@
 </template>
 
 <script lang="ts">
-import { defineComponent, onMounted, watch, ref, toRef, computed } from 'vue'
+import { defineComponent, onMounted, watch, toRef, computed } from 'vue'
 import {
   baseRules,
   useAddress,
diff --git a/ppr-ui/src/composables/address/factories/vuelidate-validation-factory.ts b/ppr-ui/src/composables/address/factories/vuelidate-validation-factory.ts
index fd6a9d072..ff9ff2d15 100644
--- a/ppr-ui/src/composables/address/factories/vuelidate-validation-factory.ts
+++ b/ppr-ui/src/composables/address/factories/vuelidate-validation-factory.ts
@@ -6,6 +6,7 @@ import { computed, Ref, reactive } from 'vue'
 
 import { AddressIF, SchemaIF } from '@/composables/address/interfaces'
 
+// eslint-disable-next-line @typescript-eslint/no-var-requires
 const useVuelidate = require('@vuelidate/core').default
 
 export function useValidations (schema: Ref<SchemaIF>, address: Ref<AddressIF>) {
@@ -47,7 +48,7 @@ export function useValidations (schema: Ref<SchemaIF>, address: Ref<AddressIF>)
    * @param model The name of the model we are validating.
    * @returns A Vuetify rules object.
    */
-  const createVuetifyRulesObject = (model: string): { [attr: string]: Array<Function> } => {
+  const createVuetifyRulesObject = (model: string): { [attr: string]: Array<()=>string|boolean> } => {
     const obj = {
       street: [],
       streetAdditional: [],
@@ -100,7 +101,7 @@ export function useValidations (schema: Ref<SchemaIF>, address: Ref<AddressIF>)
    * NB: As a getter, this is initialized between created() and mounted().
    * @returns the Vuetify validation rules object
    */
-  const rules = computed((): { [attr: string]: Array<Function> } => {
+  const rules = computed((): { [attr: string]: Array<()=>string|boolean> } => {
     return createVuetifyRulesObject('addressLocal')
   })
 
diff --git a/ppr-ui/src/composables/fees/FeeSummary.vue b/ppr-ui/src/composables/fees/FeeSummary.vue
index 6d3ba1efe..f44b68a2f 100644
--- a/ppr-ui/src/composables/fees/FeeSummary.vue
+++ b/ppr-ui/src/composables/fees/FeeSummary.vue
@@ -236,9 +236,9 @@
 import { computed, defineComponent, reactive, toRefs, watch } from 'vue'
 import { useStore } from '@/store/store'
 // local
-/* eslint-disable no-unused-vars */
+
 import { UIRegistrationTypes, UITransferTypes, UnitNoteDocTypes } from '@/enums'
-/* eslint-disable no-unused-vars */
+
 import { FeeSummaryTypes } from './enums'
 import { AdditionalSearchFeeIF, FeeSummaryI, RegistrationLengthI } from './interfaces'
 // eslint-enable no-unused-vars
diff --git a/ppr-ui/src/composables/mhrRegistration/useNewMhrRegistration.ts b/ppr-ui/src/composables/mhrRegistration/useNewMhrRegistration.ts
index d29e9d3e2..b56bd9f99 100644
--- a/ppr-ui/src/composables/mhrRegistration/useNewMhrRegistration.ts
+++ b/ppr-ui/src/composables/mhrRegistration/useNewMhrRegistration.ts
@@ -262,7 +262,7 @@ export const useNewMhrRegistration = () => {
     // otherType is not required by API and locationType should have otherType's value (#14751)
     if (location.otherType) {
       location.locationType = location.otherType
-      const { otherType, ...parsedLocation } = location
+      const { ...parsedLocation } = location
       return parsedLocation
     }
 
diff --git a/ppr-ui/src/composables/parties/useDebtor.ts b/ppr-ui/src/composables/parties/useDebtor.ts
index c064f5d55..009dbf067 100644
--- a/ppr-ui/src/composables/parties/useDebtor.ts
+++ b/ppr-ui/src/composables/parties/useDebtor.ts
@@ -1,5 +1,5 @@
 import { reactive, toRefs } from 'vue'
-import { PartyIF } from '@/interfaces' // eslint-disable-line no-unused-vars
+import { PartyIF } from '@/interfaces'
 import { useStore } from '@/store/store'
 import { Months } from '@/resources/months'
 import { PartyAddressSchema } from '@/schemas'
diff --git a/ppr-ui/src/composables/parties/useSecuredParty.ts b/ppr-ui/src/composables/parties/useSecuredParty.ts
index 716b0c6e9..6129273f2 100644
--- a/ppr-ui/src/composables/parties/useSecuredParty.ts
+++ b/ppr-ui/src/composables/parties/useSecuredParty.ts
@@ -1,5 +1,5 @@
 import { computed, reactive, toRefs } from 'vue'
-import { PartyIF, AddressIF } from '@/interfaces' // eslint-disable-line no-unused-vars
+import { PartyIF, AddressIF } from '@/interfaces'
 import { useStore } from '@/store/store'
 import { PartyAddressSchema } from '@/schemas'
 import { ActionTypes, RegistrationFlowType, SecuredPartyTypes } from '@/enums'
diff --git a/ppr-ui/src/composables/pprRegistration/usePprRegistration.ts b/ppr-ui/src/composables/pprRegistration/usePprRegistration.ts
index 8eeb8eebf..dad17147c 100644
--- a/ppr-ui/src/composables/pprRegistration/usePprRegistration.ts
+++ b/ppr-ui/src/composables/pprRegistration/usePprRegistration.ts
@@ -36,7 +36,7 @@ export const usePprRegistration = () => {
     setRegistrationFlowType(flowType)
     setFolioOrReferenceNumber('')
 
-    const registrationType = AllRegistrationTypes.find((reg, index) =>
+    const registrationType = AllRegistrationTypes.find((reg) =>
       reg.registrationTypeAPI === statement.type)
 
     setRegistrationType(registrationType)
diff --git a/ppr-ui/src/composables/useInputRules.ts b/ppr-ui/src/composables/useInputRules.ts
index 049abee01..fb11d1ee3 100644
--- a/ppr-ui/src/composables/useInputRules.ts
+++ b/ppr-ui/src/composables/useInputRules.ts
@@ -1,45 +1,45 @@
 /** Common Input Field Validation Functions. **/
 export const useInputRules = () => {
-  const maxLength = (maxLength: number, isMaxLengthForDigits: boolean = false): Array<Function> => {
+  const maxLength = (maxLength: number, isMaxLengthForDigits: boolean = false): Array<(v:any)=>string|boolean> => {
     return [
       v => (v || '').toString().length <= maxLength ||
         `Maximum ${maxLength} ${isMaxLengthForDigits ? 'digits' : 'characters'}`
     ]
   }
 
-  const minLength = (minLength: number, isMinLengthForDigits: boolean = false): Array<Function> => {
+  const minLength = (minLength: number, isMinLengthForDigits: boolean = false): Array<(v:any)=>string|boolean> => {
     return [
       v => (v || '').length >= minLength || `Minimum ${minLength} ${isMinLengthForDigits ? 'digits' : 'characters'}`
     ]
   }
 
-  const isLettersOnly = (customMsg: string = null): Array<Function> => {
+  const isLettersOnly = (customMsg: string = null): Array<(v:any)=>string|boolean> => {
     return [
       v => (v ? /^[a-zA-Z_ ]*$/g.test(v) : true) || `Enter letters only. ${customMsg}`
     ]
   }
 
-  const isStringOrNumber = (): Array<Function> => {
+  const isStringOrNumber = (): Array<(v:any)=>string|boolean> => {
     return [
       v => (v ? /^[a-zA-Z0-9_ ]*$/g.test(v) : true) || 'Invalid characters'
     ]
   }
 
   // check if entire value has empty spaces
-  const isEmpty = (): Array<Function> => {
+  const isEmpty = (): Array<(v:any)=>string|boolean> => {
     return [
       v => !/^\s+$/g.test(v) || 'Invalid spaces'
     ]
   }
 
-  const invalidSpaces = (): Array<Function> => {
+  const invalidSpaces = (): Array<(v:any)=>string|boolean> => {
     return [
       v => !/^\s/g.test(v) || 'Invalid spaces', // leading spaces
       v => !/\s$/g.test(v) || 'Invalid spaces' // trailing spaces
     ]
   }
 
-  const required = (stringDescription: string): Array<Function> => {
+  const required = (stringDescription: string): Array<(v:any)=>string|boolean> => {
     return [
       v => !!v || `${stringDescription}`
     ]
@@ -50,7 +50,7 @@ export const useInputRules = () => {
     maxDigits: number = null,
     maxValue: number = null,
     customMsg: string = null
-  ): Array<Function> => {
+  ): Array<(v:any)=>string|boolean> => {
     const maxDigitRule = new RegExp(`^\\d{1,${maxDigits}}$`)
 
     return [
@@ -61,7 +61,7 @@ export const useInputRules = () => {
     ]
   }
 
-  const isEmailOptional = (): Array<Function> => [
+  const isEmailOptional = (): Array<(v:any)=>string|boolean> => [
     (v: string) => {
       const pattern = /^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/
       return !v || pattern.test(v) || 'Enter a valid email address'
@@ -71,7 +71,7 @@ export const useInputRules = () => {
   const isPhone = (
     maxDigits: number = null,
     customMsg: string = null
-  ): Array<Function> => {
+  ): Array<(v:any)=>string|boolean> => {
     return [
       v => (v ? /^\d+$/g.test(v.replace('(', '').replace(') ', '').replace('-', '')) : true) || `${customMsg || 'Enter numbers only'}`,
       v => ((v && maxDigits) ? v.length >= maxDigits : true) || 'Minimum 10 digits'
@@ -79,7 +79,7 @@ export const useInputRules = () => {
   }
 
   // Check if string starts with any of the search values
-  const startsWith = (searchValues: Array<string>, errorMessage: string): Array<Function> => {
+  const startsWith = (searchValues: Array<string>, errorMessage: string): Array<(v:any)=>string|boolean> => {
     const values = '^' + searchValues.join('|^')
     const exp = new RegExp(values, 'g')
     return [
diff --git a/ppr-ui/src/composables/useParty.ts b/ppr-ui/src/composables/useParty.ts
index aba83cc0e..493d2c3da 100644
--- a/ppr-ui/src/composables/useParty.ts
+++ b/ppr-ui/src/composables/useParty.ts
@@ -1,5 +1,5 @@
 import { APIRegistrationTypes, ActionTypes } from '@/enums'
-import { PartyIF, AddPartiesIF } from '@/interfaces' // eslint-disable-line no-unused-vars
+import { PartyIF, AddPartiesIF } from '@/interfaces'
 import { SecuredPartyRestrictedList } from '@/resources'
 
 export const useParty = () => {
diff --git a/ppr-ui/src/composables/useRegistration.ts b/ppr-ui/src/composables/useRegistration.ts
index 60d01fa16..227ce3425 100644
--- a/ppr-ui/src/composables/useRegistration.ts
+++ b/ppr-ui/src/composables/useRegistration.ts
@@ -59,7 +59,7 @@ export const useRegistration = (setSort: RegistrationSortIF) => {
     return name
   }
 
-  const getPdfLink = (reg: string): string => {
+  const getPdfLink = (): string => {
     return ''
   }
 
diff --git a/ppr-ui/src/interfaces/ppr-api-interfaces/registration-interfaces.ts b/ppr-ui/src/interfaces/ppr-api-interfaces/registration-interfaces.ts
index 0b6aa5a35..540029db4 100644
--- a/ppr-ui/src/interfaces/ppr-api-interfaces/registration-interfaces.ts
+++ b/ppr-ui/src/interfaces/ppr-api-interfaces/registration-interfaces.ts
@@ -1,4 +1,4 @@
-import { APIAmendmentTypes, APIMhrTypes, APIRegistrationTypes, DraftTypes, UIAmendmentTypes } from '@/enums'
+import { APIAmendmentTypes, APIMhrTypes, APIRegistrationTypes, DraftTypes } from '@/enums'
 import {
   CourtOrderIF,
   DebtorNameIF,
diff --git a/ppr-ui/src/interfaces/search-interfaces/search-type-interface.ts b/ppr-ui/src/interfaces/search-interfaces/search-type-interface.ts
index bd0ca11f9..4c6da895b 100644
--- a/ppr-ui/src/interfaces/search-interfaces/search-type-interface.ts
+++ b/ppr-ui/src/interfaces/search-interfaces/search-type-interface.ts
@@ -1,6 +1,5 @@
 import {
   APIMHRMapSearchTypes,
-  APIMHRSearchTypes,
   APISearchTypes,
   BlankSearchTypes,
   UIMHRSearchTypes,
diff --git a/ppr-ui/src/router/router.ts b/ppr-ui/src/router/router.ts
index 23a81b2a2..a204e257a 100644
--- a/ppr-ui/src/router/router.ts
+++ b/ppr-ui/src/router/router.ts
@@ -20,6 +20,7 @@ export function getVueRouter () {
     }
   })
 
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
   router.beforeEach((to, from, next) => {
     if (isLoginSuccess(to)) {
       // this route is to verify login
@@ -46,7 +47,7 @@ export function getVueRouter () {
     }
   })
 
-  router.afterEach((to, from) => {
+  router.afterEach((to) => {
     // Override the browser tab name
     nextTick(() => {
       if (to.meta.title) {
@@ -67,11 +68,13 @@ export function getVueRouter () {
   }
 
   /** Returns True if route is Signin, else False. */
+  // eslint-disable-next-line
   function isSigninRoute (route: Route): boolean {
     return Boolean(route.name === 'signin')
   }
 
   /** Returns True if route is Signout, else False. */
+  // eslint-disable-next-line
   function isSignoutRoute (route: Route): boolean {
     return Boolean(route.name === 'signout')
   }
diff --git a/ppr-ui/src/store/state/state-model.ts b/ppr-ui/src/store/state/state-model.ts
index 9f2b95424..a9fb0decf 100644
--- a/ppr-ui/src/store/state/state-model.ts
+++ b/ppr-ui/src/store/state/state-model.ts
@@ -1,4 +1,4 @@
-import { RegistrationFlowType, UnitNoteDocTypes, UnitNoteStatusTypes } from '@/enums'
+import { RegistrationFlowType, UnitNoteStatusTypes } from '@/enums'
 import { PartyIF, RegistrationTypeIF, StateModelIF } from '@/interfaces'
 
 export const stateModel: StateModelIF = {
diff --git a/ppr-ui/src/utils/auth-helper.ts b/ppr-ui/src/utils/auth-helper.ts
index 987d97b54..24d445379 100644
--- a/ppr-ui/src/utils/auth-helper.ts
+++ b/ppr-ui/src/utils/auth-helper.ts
@@ -10,8 +10,7 @@ import {
   AccountProductMemberships,
   AccountProductRoles,
   AccountTypes,
-  ProductCode,
-  MhrSubTypes
+  ProductCode
 } from '@/enums'
 import {
   AccountProductSubscriptionIF, AddressIF, PartyIF, SearchPartyIF, UserProductSubscriptionIF
diff --git a/ppr-ui/src/utils/mhr-api-helper.ts b/ppr-ui/src/utils/mhr-api-helper.ts
index 22142aa8d..2abb28d76 100644
--- a/ppr-ui/src/utils/mhr-api-helper.ts
+++ b/ppr-ui/src/utils/mhr-api-helper.ts
@@ -18,11 +18,12 @@ import { StaffPaymentOptions, APIMhrTypes, ErrorCategories, ErrorCodes } from '@
 import { useSearch } from '@/composables/useSearch'
 import { SessionStorageKeys } from 'sbc-common-components/src/util/constants'
 import { addTimestampToDate } from '@/utils'
-import { AxiosError } from 'axios'
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+import type { AxiosError } from 'axios'
 const { mapMhrSearchType } = useSearch()
 
 // Create default request base URL and headers.
-function getDefaultConfig (): Object {
+function getDefaultConfig (): object {
   const url = sessionStorage.getItem('MHR_API_URL')
   return { baseURL: url, headers: { Accept: 'application/json' } }
 }
diff --git a/ppr-ui/src/utils/ppr-api-helper.ts b/ppr-ui/src/utils/ppr-api-helper.ts
index 1b104f488..7bb514e62 100644
--- a/ppr-ui/src/utils/ppr-api-helper.ts
+++ b/ppr-ui/src/utils/ppr-api-helper.ts
@@ -23,7 +23,7 @@ import {
   RegistrationSortIF
 } from '@/interfaces'
 import { SearchHistoryResponseIF } from '@/interfaces/ppr-api-interfaces/search-history-response-interface'
-import { StaffPaymentIF } from '@/interfaces' // eslint-disable-line no-unused-vars
+import { StaffPaymentIF } from '@/interfaces'
 import { ErrorCategories, ErrorCodes, SettingOptions } from '@/enums'
 
 /**
@@ -101,7 +101,7 @@ function addSortParams (url: string, sortOptions: RegistrationSortIF): string {
 }
 
 // Create default request base URL and headers.
-function getDefaultConfig (): Object {
+function getDefaultConfig (): object {
   const url = sessionStorage.getItem('PPR_API_URL')
   const config = { baseURL: url, headers: { Accept: 'application/json' } }
   return config
diff --git a/ppr-ui/src/utils/registration-helper.ts b/ppr-ui/src/utils/registration-helper.ts
index 577788e6e..c5c4c5c8e 100644
--- a/ppr-ui/src/utils/registration-helper.ts
+++ b/ppr-ui/src/utils/registration-helper.ts
@@ -6,7 +6,6 @@ import {
   AmendmentStatementIF,
   DischargeRegistrationIF,
   DraftIF,
-  ErrorIF,
   GeneralCollateralIF,
   FinancingStatementIF,
   PartyIF,
@@ -381,8 +380,6 @@ export async function saveFinancingStatementDraft (stateModel:StateModelIF): Pro
 
 /** Save new financing statement. Data to be saved is in the store state model. */
 export async function saveFinancingStatement (stateModel:StateModelIF): Promise<FinancingStatementIF> {
-  const registrationType: RegistrationTypeIF = stateModel.registration.registrationType
-  const error:ErrorIF = null
   const draft:DraftIF = stateModel.registration.draft
   const trustLength = stateModel.registration.lengthTrust
   const parties:AddPartiesIF = stateModel.registration.parties
diff --git a/ppr-ui/src/utils/utilities.ts b/ppr-ui/src/utils/utilities.ts
index b712ae7b6..4491f80ac 100644
--- a/ppr-ui/src/utils/utilities.ts
+++ b/ppr-ui/src/utils/utilities.ts
@@ -41,7 +41,7 @@ export function addTimestampToDate (dateToConvert: string, isEndDate: boolean):
  * Checks if an object or its nested objects
  * have a non-object property with a truthy value
  */
-export function hasTruthyValue (obj: Object) {
+export function hasTruthyValue (obj: object) {
   return Object.values(obj).some(
     (value) => !!value && (typeof value === 'object' ? hasTruthyValue(value) : true)
   )
diff --git a/ppr-ui/src/utils/validation-helper.ts b/ppr-ui/src/utils/validation-helper.ts
index 647fb178d..985dd9122 100644
--- a/ppr-ui/src/utils/validation-helper.ts
+++ b/ppr-ui/src/utils/validation-helper.ts
@@ -4,8 +4,7 @@ import {
   SearchTypeIF,
   SearchValidationIF
 } from '@/interfaces'
-import { cloneDeep, isEqual, omitBy, overSome, isNaN, isNil, isEmpty } from 'lodash'
-import { search } from './ppr-api-helper'
+import { isEqual, omitBy, overSome, isNaN, isNil, isEmpty } from 'lodash'
 
 // subset of the localState that includes what the validator needs
 type partialSearchState = {
@@ -21,9 +20,6 @@ type partialSearchState = {
 const specialCharsStrict = /[!@#$%^&*(),.?"{}|<>`~_;:'/\\[\]-]/
 const specialCharsLax = /[!@#$%^*(),?"{}|<>`~_[\]]/
 const numbersOnly = /^\d+$/
-const lettersOnly = /^[A-z]+$/
-const regNumber = /^\d{6}[A-z]{1}$/
-const regNumberPartial = /^\d{1,6}[A-z]{0,1}$/
 // replaceAll fails in vitest so use regex
 const dash = /-/g
 
diff --git a/ppr-ui/src/utils/validators/serial-number.validator.ts b/ppr-ui/src/utils/validators/serial-number.validator.ts
index 0803a96ec..9987abef1 100644
--- a/ppr-ui/src/utils/validators/serial-number.validator.ts
+++ b/ppr-ui/src/utils/validators/serial-number.validator.ts
@@ -1,5 +1,4 @@
 export const serialNumberValidator = ({ values }) => {
-  const numbersOnly = /^\d+$/
   let succeeded = true
   const minLen = 1
   const maxLen = 25
diff --git a/ppr-ui/src/views/Dashboard.vue b/ppr-ui/src/views/Dashboard.vue
index c49820755..8b06e6ceb 100644
--- a/ppr-ui/src/views/Dashboard.vue
+++ b/ppr-ui/src/views/Dashboard.vue
@@ -77,11 +77,11 @@
           class="rounded-bottom"
           :isNonBillable="isNonBillable"
           :serviceFee="getUserServiceFee"
-          @debtor-name="setSearchDebtorName"
-          @searched-type="setSearchedType"
-          @searched-value="setSearchedValue"
-          @search-data="saveResults($event)"
-          @search-error="emitError($event)"
+          @debtorName="setSearchDebtorName"
+          @searchedType="setSearchedType"
+          @searchedValue="setSearchedValue"
+          @searchData="saveResults($event)"
+          @searchError="emitError($event)"
         />
       </v-row>
 
@@ -168,9 +168,9 @@ import { SearchBar } from '@/components/search'
 import { useSearch } from '@/composables/useSearch'
 import { DashboardTabs } from '@/components/dashboard'
 import {
-  ErrorIF, // eslint-disable-line no-unused-vars
-  ManufacturedHomeSearchResponseIF, // eslint-disable-line no-unused-vars
-  SearchResponseIF // eslint-disable-line no-unused-vars
+  ErrorIF,
+  ManufacturedHomeSearchResponseIF,
+  SearchResponseIF
 } from '@/interfaces'
 import { useAuth, useNavigation, useUserAccess } from '@/composables'
 
diff --git a/ppr-ui/src/views/Search.vue b/ppr-ui/src/views/Search.vue
index 2588819c1..45ec7b299 100644
--- a/ppr-ui/src/views/Search.vue
+++ b/ppr-ui/src/views/Search.vue
@@ -95,7 +95,7 @@
       >
         <SearchedResultPpr
           class="rounded-top py-10"
-          @selected-matches="updateSelectedMatches"
+          @selectedMatches="updateSelectedMatches"
           @submit="submitCheck()"
         />
       </v-row>
@@ -279,7 +279,7 @@ export default defineComponent({
       localState.largeSearchResultDialog = false
     }
 
-    const handleDelayReport = (acknowledge: boolean): void => {
+    const handleDelayReport = (): void => {
       submit(true)
       localState.largeSearchDelayDialog = false
     }
diff --git a/ppr-ui/src/views/amendment/ConfirmAmendment.vue b/ppr-ui/src/views/amendment/ConfirmAmendment.vue
index 775a191ec..9bebd0560 100644
--- a/ppr-ui/src/views/amendment/ConfirmAmendment.vue
+++ b/ppr-ui/src/views/amendment/ConfirmAmendment.vue
@@ -250,7 +250,7 @@ import {
   saveAmendmentStatement,
   saveAmendmentStatementDraft
 } from '@/utils'
-/* eslint-disable no-unused-vars */
+
 import {
   ActionTypes,
   APIRegistrationTypes,
@@ -267,12 +267,11 @@ import {
   LengthTrustIF,
   DialogOptionsIF,
   DraftIF,
-  FinancingStatementIF,
   RegTableNewItemI
 } from '@/interfaces'
 import { RegistrationLengthI } from '@/composables/fees/interfaces'
 import { useAuth, useNavigation } from '@/composables'
-/* eslint-enable no-unused-vars */
+
 
 export default defineComponent({
   name: 'ConfirmAmendment',
@@ -621,7 +620,7 @@ export default defineComponent({
       onAppReady(val)
     })
 
-    watch(() => props.saveDraftExit, (val: boolean) => {
+    watch(() => props.saveDraftExit, () => {
       saveDraft()
     })
 
diff --git a/ppr-ui/src/views/auth/Login.vue b/ppr-ui/src/views/auth/Login.vue
index 6b5fcf86e..f28b4333f 100644
--- a/ppr-ui/src/views/auth/Login.vue
+++ b/ppr-ui/src/views/auth/Login.vue
@@ -5,7 +5,6 @@
 <script lang="ts">
 import { computed, defineComponent, reactive, toRefs } from 'vue'
 import { useRoute } from 'vue-router'
-// Common Component
 import SbcLogin from 'sbc-common-components/src/components/SbcLogin.vue'
 
 /**
@@ -18,7 +17,7 @@ export default defineComponent({
   components: {
     SbcLogin
   },
-  setup (props, context) {
+  setup () {
     const route = useRoute()
     const localState = reactive({
       redirectUrl: computed(() => {
diff --git a/ppr-ui/src/views/mhrInformation/MhrInformation.vue b/ppr-ui/src/views/mhrInformation/MhrInformation.vue
index e899e83d1..3a35b2c86 100644
--- a/ppr-ui/src/views/mhrInformation/MhrInformation.vue
+++ b/ppr-ui/src/views/mhrInformation/MhrInformation.vue
@@ -454,7 +454,7 @@ import { BaseDialog } from '@/components/dialogs'
 import { QSLockedStateUnitNoteTypes, submittingPartyChangeContent, UnitNotesInfo } from '@/resources'
 import { cancelOwnerChangeConfirm, transferRequiredDialog, unsavedChangesDialog } from '@/resources/dialogOptions'
 import AccountInfo from '@/components/common/AccountInfo.vue'
-/* eslint-disable no-unused-vars */
+
 import {
   AccountInfoIF,
   DialogOptionsIF,
@@ -475,7 +475,7 @@ import {
   submitMhrTransfer,
   updateMhrDraft
 } from '@/utils'
-/* eslint-enable no-unused-vars */
+
 
 export default defineComponent({
   name: 'MhrInformation',
@@ -510,6 +510,10 @@ export default defineComponent({
       default: false
     }
   },
+  emits: [
+    'error',
+    'emitHaveData'
+  ],
   setup (props, context) {
     const router = useRouter()
     const { goToDash } = useNavigation()
diff --git a/ppr-ui/src/views/mhrInformation/MhrUnitNote.vue b/ppr-ui/src/views/mhrInformation/MhrUnitNote.vue
index 45274f8e3..d17a63683 100644
--- a/ppr-ui/src/views/mhrInformation/MhrUnitNote.vue
+++ b/ppr-ui/src/views/mhrInformation/MhrUnitNote.vue
@@ -113,6 +113,7 @@ export default defineComponent({
     UnitNoteReview
   },
   props: {},
+  emits: ['error'],
   setup (props, context) {
     const { goToDash, goToRoute } = useNavigation()
 
diff --git a/ppr-ui/src/views/mhrSearch/ConfirmMHRSearch.vue b/ppr-ui/src/views/mhrSearch/ConfirmMHRSearch.vue
index 894dbb6d1..6742b1a39 100644
--- a/ppr-ui/src/views/mhrSearch/ConfirmMHRSearch.vue
+++ b/ppr-ui/src/views/mhrSearch/ConfirmMHRSearch.vue
@@ -137,12 +137,12 @@ import { notCompleteSearchDialog } from '@/resources/dialogOptions'
 import { getFeatureFlag, submitSelectedMhr } from '@/utils'
 import { SearchedResultMhr } from '@/components/tables'
 import { uniqBy } from 'lodash'
-/* eslint-disable no-unused-vars */
+
 import { DialogOptionsIF } from '@/interfaces'
 import { AdditionalSearchFeeIF } from '@/composables/fees/interfaces'
 import { StaffPaymentIF } from '@/interfaces'
 import { useAuth, useNavigation } from '@/composables'
-/* eslint-enable no-unused-vars */
+
 
 export default defineComponent({
   name: 'ConfirmMHRSearch',
diff --git a/ppr-ui/src/views/newMhrRegistration/HomeOwners.vue b/ppr-ui/src/views/newMhrRegistration/HomeOwners.vue
index 5aad6f79f..6e5fcd438 100644
--- a/ppr-ui/src/views/newMhrRegistration/HomeOwners.vue
+++ b/ppr-ui/src/views/newMhrRegistration/HomeOwners.vue
@@ -411,10 +411,10 @@ import { AddEditHomeOwner, HomeOwnersTable } from '@/components/mhrRegistration/
 import { BaseDialog } from '@/components/dialogs'
 import { SimpleHelpToggle } from '@/components/common'
 import { useHomeOwners, useMhrValidations, useMhrInformation, useTransferOwners } from '@/composables'
-/* eslint-disable no-unused-vars */
+
 import { MhrRegistrationHomeOwnerGroupIF, MhrRegistrationTotalOwnershipAllocationIF } from '@/interfaces'
 import { ActionTypes } from '@/enums'
-/* eslint-enable no-unused-vars */
+
 import { transfersErrors } from '@/resources'
 import { formatCurrency } from '@/utils'
 import { storeToRefs } from 'pinia'
diff --git a/ppr-ui/src/views/newMhrRegistration/MhrRegistration.vue b/ppr-ui/src/views/newMhrRegistration/MhrRegistration.vue
index 64b21f4d8..84f420aec 100644
--- a/ppr-ui/src/views/newMhrRegistration/MhrRegistration.vue
+++ b/ppr-ui/src/views/newMhrRegistration/MhrRegistration.vue
@@ -86,10 +86,8 @@ import { getFeatureFlag, getMhrDraft, submitMhrRegistration } from '@/utils'
 import { ButtonFooter, Stepper, StickyContainer } from '@/components/common'
 import { useAuth, useHomeOwners, useMhrValidations, useNavigation, useNewMhrRegistration } from '@/composables'
 import { FeeSummaryTypes } from '@/composables/fees/enums'
-/* eslint-disable no-unused-vars */
 import { ErrorIF, MhrRegistrationIF, RegTableNewItemI, StepIF } from '@/interfaces'
 import { RegistrationLengthI } from '@/composables/fees/interfaces'
-/* eslint-enable no-unused-vars */
 
 export default defineComponent({
   name: 'MhrRegistration',
@@ -108,6 +106,7 @@ export default defineComponent({
       default: false
     }
   },
+  emits: ['error', 'emitHaveData'],
   setup (props, context) {
     const { isRouteName, goToDash } = useNavigation()
     const { isAuthenticated } = useAuth()
diff --git a/ppr-ui/src/views/newMhrRegistration/MhrReviewConfirm.vue b/ppr-ui/src/views/newMhrRegistration/MhrReviewConfirm.vue
index bf8c9c6ed..55a25f869 100644
--- a/ppr-ui/src/views/newMhrRegistration/MhrReviewConfirm.vue
+++ b/ppr-ui/src/views/newMhrRegistration/MhrReviewConfirm.vue
@@ -148,14 +148,14 @@ import {
 } from '@/components/mhrRegistration/ReviewConfirm'
 import { useMhrValidations } from '@/composables'
 import { RouteNames, StaffPaymentOptions } from '@/enums'
-/* eslint-disable no-unused-vars */
+
 import { StaffPaymentIF } from '@/interfaces'
 import { useHomeOwners } from '@/composables/mhrRegistration'
 import { useRoute } from 'vue-router'
 import { storeToRefs } from 'pinia'
 import { AccountInfoIF, StepIF } from '@/interfaces'
 import { getAccountInfoFromAuth, parseAccountToSubmittingParty } from '@/utils'
-/* eslint-enable no-unused-vars */
+
 
 /* eslint-disable */
 export default defineComponent({
diff --git a/ppr-ui/src/views/newRegistration/AddCollateral.vue b/ppr-ui/src/views/newRegistration/AddCollateral.vue
index 019409614..47eb6970e 100644
--- a/ppr-ui/src/views/newRegistration/AddCollateral.vue
+++ b/ppr-ui/src/views/newRegistration/AddCollateral.vue
@@ -84,10 +84,10 @@ import { Stepper, StickyContainer } from '@/components/common'
 import ButtonFooter from '@/components/common/ButtonFooter.vue'
 import { Collateral } from '@/components/collateral'
 import { getFeatureFlag } from '@/utils'
-import { ErrorIF } from '@/interfaces' // eslint-disable-line no-unused-vars
+import { ErrorIF } from '@/interfaces'
 import { RegistrationLengthI } from '@/composables/fees/interfaces'
 import { storeToRefs } from 'pinia'
-import { useAuth, useNavigation } from '@/composables' // eslint-disable-line no-unused-vars
+import { useAuth, useNavigation } from '@/composables'
 
 export default defineComponent({
   name: 'AddCollateral',
diff --git a/ppr-ui/src/views/newRegistration/AddParties.vue b/ppr-ui/src/views/newRegistration/AddParties.vue
index 10bb0a26c..88e2368aa 100644
--- a/ppr-ui/src/views/newRegistration/AddParties.vue
+++ b/ppr-ui/src/views/newRegistration/AddParties.vue
@@ -80,7 +80,7 @@ import { getFeatureFlag } from '@/utils'
 import { ErrorIF } from '@/interfaces' // eslint-disable-line
 import { RegistrationLengthI } from '@/composables/fees/interfaces'
 import { storeToRefs } from 'pinia'
-import { useAuth, useNavigation } from '@/composables' // eslint-disable-line no-unused-vars
+import { useAuth, useNavigation } from '@/composables'
 
 export default defineComponent({
   name: 'AddParties',
diff --git a/ppr-ui/src/views/newRegistration/LengthTrust.vue b/ppr-ui/src/views/newRegistration/LengthTrust.vue
index 9ce9bb6a0..280600d3b 100644
--- a/ppr-ui/src/views/newRegistration/LengthTrust.vue
+++ b/ppr-ui/src/views/newRegistration/LengthTrust.vue
@@ -78,10 +78,10 @@ import ButtonFooter from '@/components/common/ButtonFooter.vue'
 import { RegistrationLengthTrust, RegistrationRepairersLien } from '@/components/registration'
 import { APIRegistrationTypes, RegistrationFlowType, RouteNames } from '@/enums'
 import { FeeSummaryTypes } from '@/composables/fees/enums'
-import { ErrorIF } from '@/interfaces' // eslint-disable-line no-unused-vars
+import { ErrorIF } from '@/interfaces'
 import { RegistrationLengthI } from '@/composables/fees/interfaces'
 import { storeToRefs } from 'pinia'
-import { useAuth, useNavigation } from '@/composables' // eslint-disable-line no-unused-vars
+import { useAuth, useNavigation } from '@/composables'
 
 export default defineComponent({
   name: 'LengthTrust',
diff --git a/ppr-ui/src/views/newRegistration/ReviewConfirm.vue b/ppr-ui/src/views/newRegistration/ReviewConfirm.vue
index 8654456d4..a866eec21 100644
--- a/ppr-ui/src/views/newRegistration/ReviewConfirm.vue
+++ b/ppr-ui/src/views/newRegistration/ReviewConfirm.vue
@@ -177,10 +177,10 @@ import { Collateral } from '@/components/collateral'
 import { Parties } from '@/components/parties'
 import FolioNumberSummary from '@/components/common/FolioNumberSummary.vue'
 import { getFeatureFlag } from '@/utils'
-import { ErrorIF } from '@/interfaces' // eslint-disable-line no-unused-vars
+import { ErrorIF } from '@/interfaces'
 import { RegistrationLengthI } from '@/composables/fees/interfaces'
 import { storeToRefs } from 'pinia'
-import { useAuth, useNavigation } from '@/composables' // eslint-disable-line no-unused-vars
+import { useAuth, useNavigation } from '@/composables'
 
 export default defineComponent({
   name: 'ReviewConfirm',
diff --git a/ppr-ui/src/views/renew/RenewRegistration.vue b/ppr-ui/src/views/renew/RenewRegistration.vue
index 8555f2d17..a612aaf73 100644
--- a/ppr-ui/src/views/renew/RenewRegistration.vue
+++ b/ppr-ui/src/views/renew/RenewRegistration.vue
@@ -136,7 +136,6 @@ import {
 import { notCompleteDialog } from '@/resources/dialogOptions'
 import { FeeSummaryTypes } from '@/composables/fees/enums'
 import { getFeatureFlag, getFinancingStatement, pacificDate } from '@/utils'
-/* eslint-disable no-unused-vars */
 import {
   APIRegistrationTypes,
   RouteNames,
@@ -145,17 +144,11 @@ import {
 } from '@/enums'
 import {
   ErrorIF,
-  AddPartiesIF,
-  CertifyIF,
-  AddCollateralIF,
-  LengthTrustIF,
-  CourtOrderIF,
   DialogOptionsIF
 } from '@/interfaces'
 import { RegistrationLengthI } from '@/composables/fees/interfaces'
 import { storeToRefs } from 'pinia'
 import { useAuth, useNavigation, usePprRegistration } from '@/composables'
-/* eslint-enable no-unused-vars */
 
 export default defineComponent({
   name: 'RenewRegistrations',
diff --git a/ppr-ui/tests/unit/Dashboard.spec.ts b/ppr-ui/tests/unit/Dashboard.spec.ts
index 1cac692f6..d9077c7ba 100644
--- a/ppr-ui/tests/unit/Dashboard.spec.ts
+++ b/ppr-ui/tests/unit/Dashboard.spec.ts
@@ -31,7 +31,7 @@ import { nextTick } from 'vue'
 const store = useStore()
 
 // Events
-const selectedType = 'selected-registration-type'
+const selectedType = 'selectedRegistrationType'
 
 // selectors
 const regNum = '123456B'
@@ -232,7 +232,7 @@ describe('Dashboard component', () => {
 //   it('emits error for search', async () => {
 //     const error = { statusCode: 404 }
 //     expect(getLastEvent(wrapper, 'error')).not.toEqual(error)
-//     wrapper.findComponent(SearchBar).vm.$emit('search-error', error)
+//     wrapper.findComponent(SearchBar).vm.$emit('searchError', error)
 //     await flushPromises()
 //     expect(getLastEvent(wrapper, 'error')).toEqual(error)
 //   })
diff --git a/ppr-ui/tests/unit/ManufacturerMakeModel.spec.ts b/ppr-ui/tests/unit/ManufacturerMakeModel.spec.ts
index 93f1e8cc9..209d6f6a3 100644
--- a/ppr-ui/tests/unit/ManufacturerMakeModel.spec.ts
+++ b/ppr-ui/tests/unit/ManufacturerMakeModel.spec.ts
@@ -1,47 +1,22 @@
-import Vue, { nextTick } from 'vue'
-import Vuetify from 'vuetify'
-import { createPinia, setActivePinia } from 'pinia'
-import { useStore } from '../../src/store/store'
-
-import { mount, createLocalVue, Wrapper } from '@vue/test-utils'
+import { nextTick } from 'vue'
+import { createComponent } from './utils'
 import { getTestId } from './utils'
 import { ManufacturerMakeModel, ManufacturedYearInput, ManufacturedYearSelect } from '@/components/mhrRegistration'
 import { MhrRegistrationType } from '@/resources'
 import { mockedManufacturerAuthRoles } from './test-data'
 import { ProductCode } from '@/enums'
+import { useStore } from '@/store/store'
 
-Vue.use(Vuetify)
-const vuetify = new Vuetify({})
-
-setActivePinia(createPinia())
 const store = useStore()
 
-/**
- * Creates and mounts a component, so that it can be tested.
- * @returns a Wrapper object with the given parameters.
- */
-function createComponent (): Wrapper<any> {
-  const localVue = createLocalVue()
-  localVue.use(Vuetify)
-
-  return mount((ManufacturerMakeModel as any), {
-    localVue,
-    store,
-    vuetify
-  })
-}
-
 // Error message class selector
-const ERROR_MSG = '.error--text .v-messages__message'
+const ERROR_MSG = '.v-input--error .v-messages__message'
 
 describe('ManufacturerMakeModel component - staff', () => {
-  let wrapper: Wrapper<any>
+  let wrapper
 
   beforeEach(async () => {
-    wrapper = createComponent()
-  })
-  afterEach(() => {
-    wrapper.destroy()
+    wrapper = await createComponent(ManufacturerMakeModel)
   })
 
   it('renders the component', async () => {
@@ -57,35 +32,43 @@ describe('ManufacturerMakeModel component - staff', () => {
     wrapper.find(getTestId('manufacturer-model')).exists()
   })
 
-  it('verifes Name of Manufactuer field is not disabled', async () => {
+  it('verifies Name of Manufacturer field is not disabled', async () => {
     expect(wrapper.find(getTestId('manufacturer-name')).attributes('disabled')).toBe(undefined)
   })
 
   it('show error messages for Name of Manufacturer field', async () => {
-    wrapper.find(getTestId('manufacturer-name')).setValue('x')
-    await nextTick()
-    wrapper.find(getTestId('manufacturer-name')).setValue('')
+    await wrapper.find('#manufacturer-name').setValue('x')
     await nextTick()
+    await wrapper.find('#manufacturer-name').setValue('')
     await nextTick()
+
     expect(wrapper.findAll(ERROR_MSG).length).toBe(1)
     expect(wrapper.findAll(ERROR_MSG).at(0).text()).toContain('Enter a manufacturer')
   })
 
   it('show error messages for Manufacturer Make Model inputs', async () => {
-    wrapper.find(getTestId('manufacturer-name')).setValue('x'.repeat(70))
-    wrapper.find(getTestId('manufacture-year')).setValue('x'.repeat(6))
-    wrapper.find(getTestId('manufacturer-make')).setValue('x'.repeat(70))
-    wrapper.find(getTestId('manufacturer-model')).setValue('x'.repeat(70))
+    await wrapper.find('#manufacturer-name').setValue('x'.repeat(70))
+    await wrapper.find('#manufacturer-year').setValue('x'.repeat(6))
+    await wrapper.find('#manufacturer-make').setValue('x'.repeat(70))
+    await wrapper.find('#manufacturer-model').setValue('x'.repeat(70))
     await nextTick()
     const messages = wrapper.findAll(ERROR_MSG)
     expect(messages.length).toBe(4)
   })
 
   it('show error messages for Year of Manufacture field', async () => {
-    const yearInputField = wrapper.find(getTestId('manufacture-year'))
+    // Set defaults to isolate year validation
+    const form = await wrapper.findComponent('.v-form')
+    await wrapper.find('#manufacturer-name').setValue('x')
+    await wrapper.find('#manufacturer-make').setValue('x')
+    await wrapper.find('#manufacturer-model').setValue('x')
 
+    const yearInputField = await wrapper.find('#manufacturer-year')
     yearInputField.setValue('1899')
     await nextTick()
+
+    // Validate Form
+    await form.vm.validate()
     await nextTick()
     expect(wrapper.findAll(ERROR_MSG).length).toBe(1)
     expect(wrapper.findAll(ERROR_MSG).at(0).text()).toContain('19 or 20')
@@ -93,46 +76,66 @@ describe('ManufacturerMakeModel component - staff', () => {
     yearInputField.setValue('')
     yearInputField.setValue('1955')
     await nextTick()
+
+    // Validate Form
+    await form.vm.validate()
     await nextTick()
     expect(wrapper.findAll(ERROR_MSG).length).toBe(0)
 
     yearInputField.setValue('')
     yearInputField.setValue('20')
     await nextTick()
+
+    // Validate Form
+    await form.vm.validate()
     await nextTick()
     expect(wrapper.findAll(ERROR_MSG).at(0).text()).toContain('Minimum 4')
 
     yearInputField.setValue('')
     yearInputField.setValue('200000')
     await nextTick()
+
+    // Validate Form
+    await form.vm.validate()
     await nextTick()
     expect(wrapper.findAll(ERROR_MSG).at(0).text()).toContain('Maximum 4')
 
     yearInputField.setValue('')
     yearInputField.setValue('20aa')
     await nextTick()
+
+    // Validate Form
+    await form.vm.validate()
     await nextTick()
     expect(wrapper.findAll(ERROR_MSG).at(0).text()).toContain('numbers only')
 
     yearInputField.setValue('')
     yearInputField.setValue('2033') // Enter grater number than year + 1
     await nextTick()
+
+    // Validate Form
+    await form.vm.validate()
     await nextTick()
     expect(wrapper.findAll(ERROR_MSG).at(0).text()).toContain('more than 1')
   })
 
   it('show error messages for Make and Model fields', async () => {
-    wrapper.find(getTestId('manufacturer-make')).setValue('x'.repeat(30))
-    wrapper.find(getTestId('manufacturer-model')).setValue('x'.repeat(30))
-    await nextTick()
+    const form = await wrapper.findComponent('.v-form')
+    await wrapper.find('#manufacturer-name').setValue('x')
+    await wrapper.find('#manufacturer-year').setValue('2000')
+    await wrapper.find('#manufacturer-make').setValue('x'.repeat(30))
+    await wrapper.find('#manufacturer-model').setValue('x'.repeat(30))
     await nextTick()
     expect(wrapper.findAll(ERROR_MSG).length).toBe(0)
 
     // Enter more than 65 chars into Make and Model field to
     // exceed the limit for combined field length
-    wrapper.find(getTestId('manufacturer-make')).setValue('x'.repeat(35))
-    wrapper.find(getTestId('manufacturer-model')).setValue('x'.repeat(35))
+    await wrapper.find('#manufacturer-make').setValue('x'.repeat(35))
+    await wrapper.find('#manufacturer-model').setValue('x'.repeat(35))
     await nextTick()
+
+    // Validate Form
+    await form.vm.validate()
     await nextTick()
     expect(wrapper.findAll(ERROR_MSG).length).toBe(2)
     expect(wrapper.findAll(ERROR_MSG).at(0).text()).toContain('cannot exceed 65')
@@ -141,7 +144,7 @@ describe('ManufacturerMakeModel component - staff', () => {
 })
 
 describe('ManufacturerMakeModel component - manufacturer', () => {
-  let wrapper: Wrapper<any>
+  let wrapper
 
   beforeAll(async () => {
     await store.setAuthRoles(mockedManufacturerAuthRoles)
@@ -150,15 +153,7 @@ describe('ManufacturerMakeModel component - manufacturer', () => {
   })
 
   beforeEach(async () => {
-    wrapper = createComponent()
-  })
-  afterEach(() => {
-    wrapper.destroy()
-  })
-
-  afterAll(async () => {
-    await store.setAuthRoles(null)
-    await store.setRegistrationType(null)
+    wrapper = await createComponent(ManufacturerMakeModel)
   })
 
   it('renders the component', async () => {
@@ -175,23 +170,24 @@ describe('ManufacturerMakeModel component - manufacturer', () => {
     wrapper.find(getTestId('manufacturer-model')).exists()
   })
 
-  it('verifes Name of Manufacturer field is disabled', async () => {
-    expect(wrapper.find(getTestId('manufacturer-name')).attributes('disabled')).toBe('disabled')
+  it('verifies Name of Manufacturer field is disabled', async () => {
+    expect(wrapper.find('#manufacturer-name').attributes().disabled).toBeDefined()
   })
 
   it('show error messages for Manufacturer Make Model inputs', async () => {
-    wrapper.find(getTestId('manufacturer-make')).setValue('x'.repeat(70))
-    wrapper.find(getTestId('manufacturer-model')).setValue('x'.repeat(70))
+    await wrapper.find('#manufacturer-make').setValue('x'.repeat(70))
+    await wrapper.find('#manufacturer-model').setValue('x'.repeat(70))
     await nextTick()
+
     const messages = wrapper.findAll(ERROR_MSG)
     expect(messages.length).toBe(2)
   })
 
   it('checks year of manufacturer select works as expected', async () => {
     const yearSelect = wrapper.findComponent(ManufacturedYearSelect)
-    const select = yearSelect.find('.v-select')
-    const items = select.props('items')
+    const select = await yearSelect.findComponent('.v-select')
     const currentYear = new Date().getFullYear()
-    expect(items).toStrictEqual([currentYear + 1, currentYear, currentYear - 1])
+
+    expect(select.vm.items).toStrictEqual([currentYear + 1, currentYear, currentYear - 1])
   })
 })
diff --git a/ppr-ui/tests/unit/RegistrationBar.spec.ts b/ppr-ui/tests/unit/RegistrationBar.spec.ts
index 03c605488..24835f1f1 100644
--- a/ppr-ui/tests/unit/RegistrationBar.spec.ts
+++ b/ppr-ui/tests/unit/RegistrationBar.spec.ts
@@ -15,7 +15,7 @@ const standardRegistrations: Array<RegistrationTypeIF> = RegistrationTypesStanda
 const miscCrownChargeRegistrations: Array<RegistrationTypeIF> = RegistrationTypesMiscellaneousCC
 
 // Events
-const selectedType = 'selected-registration-type'
+const selectedType = 'selectedRegistrationType'
 
 // Input field selectors / buttons
 const registrationBar = '.registration-bar'
diff --git a/ppr-ui/tests/unit/RegistrationsWrapper.spec.ts b/ppr-ui/tests/unit/RegistrationsWrapper.spec.ts
index 6cebb0a73..569d3e950 100644
--- a/ppr-ui/tests/unit/RegistrationsWrapper.spec.ts
+++ b/ppr-ui/tests/unit/RegistrationsWrapper.spec.ts
@@ -23,7 +23,7 @@ import flushPromises from 'flush-promises'
 const store = useStore()
 
 // Events
-const selectedType = 'selected-registration-type'
+const selectedType = 'selectedRegistrationType'
 
 // selectors
 const searchHeader = '#search-header'
diff --git a/ppr-ui/tests/unit/SearchBar.spec.ts b/ppr-ui/tests/unit/SearchBar.spec.ts
index a9d55388e..4bcd95474 100644
--- a/ppr-ui/tests/unit/SearchBar.spec.ts
+++ b/ppr-ui/tests/unit/SearchBar.spec.ts
@@ -17,8 +17,8 @@ import flushPromises from 'flush-promises'
 const store = useStore()
 
 // Events
-const searchError: string = 'search-error'
-const searchData: string = 'search-data'
+const searchError: string = 'searchError'
+const searchData: string = 'searchData'
 
 // Input field selectors / buttons
 const dialogCheckbox: string = '.dialog-checkbox'
diff --git a/ppr-ui/tests/unit/SearchValidation.spec.ts b/ppr-ui/tests/unit/SearchValidation.spec.ts
index 4c378c828..25de31adf 100644
--- a/ppr-ui/tests/unit/SearchValidation.spec.ts
+++ b/ppr-ui/tests/unit/SearchValidation.spec.ts
@@ -10,8 +10,8 @@ import { UISearchTypes } from '@/enums'
 const store = useStore()
 
 // Events
-const searchError: string = 'search-error'
-const searchData: string = 'search-data'
+const searchError: string = 'searchError'
+const searchData: string = 'searchData'
 
 // Input field selectors / buttons
 const searchButtonSelector: string = '.search-bar-btn'
diff --git a/ppr-ui/tests/unit/TableRow.spec.ts b/ppr-ui/tests/unit/TableRow.spec.ts
index 62a3f13b7..cfca93922 100644
--- a/ppr-ui/tests/unit/TableRow.spec.ts
+++ b/ppr-ui/tests/unit/TableRow.spec.ts
@@ -22,6 +22,7 @@ import flushPromises from 'flush-promises'
 import { APIStatusTypes, AuthRoles, MhApiStatusTypes, MhUIStatusTypes, ProductCode, TableActions } from '@/enums'
 import { expect } from 'vitest'
 import { DOMWrapper } from '@vue/test-utils'
+import { defaultFlagSet } from '@/utils'
 
 const store = useStore()
 
@@ -428,6 +429,7 @@ describe('Mhr TableRow tests', () => {
     mockedMhDraft,
     mockedMhRegistration
   ]
+  defaultFlagSet['mhr-exemption-enabled'] = true
 
   beforeEach(async () => {
     wrapper = await createComponent(
@@ -445,6 +447,15 @@ describe('Mhr TableRow tests', () => {
     await flushPromises()
   })
 
+  afterEach(() => {
+    // Remove specific elements added during tests
+    const appendedElements = document.querySelectorAll('.v-overlay__content')
+    appendedElements.forEach((el) => el.remove())
+
+    // Clean up the DOM after each test
+    document.body.innerHTML = ''; // Clear the body's inner HTML
+  })
+
   it('renders the row', async () => {
     expect(wrapper.findComponent(TableRow).exists()).toBe(true)
     expect(wrapper.vm.item).toEqual(mockedMhRegistration)