diff --git a/_dev/apps/ui/src/components/product-feed/settings/delivery-time-and-rates/delivery-time-and-rates.vue b/_dev/apps/ui/src/components/product-feed/settings/delivery-time-and-rates/delivery-time-and-rates.vue
index a45aca157..9aa603e48 100644
--- a/_dev/apps/ui/src/components/product-feed/settings/delivery-time-and-rates/delivery-time-and-rates.vue
+++ b/_dev/apps/ui/src/components/product-feed/settings/delivery-time-and-rates/delivery-time-and-rates.vue
@@ -42,7 +42,7 @@
 </template>
 
 <script lang="ts">
-import Vue from 'vue';
+import {defineComponent} from 'vue';
 import {ShippingSetupOption} from '@/enums/product-feed/shipping';
 import ProductFeedSettingsPages from '@/enums/product-feed/product-feed-settings-pages';
 import ShippingSettingsHeaderType from '@/enums/product-feed/shipping-settings-header-type';
@@ -58,7 +58,7 @@ import CustomRate from '@/components/product-feed/settings/delivery-time-and-rat
 import CountriesFormList from './estimate-method/countries-form-list.vue';
 import {getDataFromLocalStorage} from '@/utils/LocalStorage';
 
-export default Vue.extend({
+export default defineComponent({
   components: {
     ActionsButtons,
     TargetCountries,
diff --git a/_dev/apps/ui/src/components/product-feed/settings/delivery-time-and-rates/estimate-method/countries-form-list.vue b/_dev/apps/ui/src/components/product-feed/settings/delivery-time-and-rates/estimate-method/countries-form-list.vue
index 90f4a21e9..5a892c4e5 100644
--- a/_dev/apps/ui/src/components/product-feed/settings/delivery-time-and-rates/estimate-method/countries-form-list.vue
+++ b/_dev/apps/ui/src/components/product-feed/settings/delivery-time-and-rates/estimate-method/countries-form-list.vue
@@ -127,12 +127,12 @@
   </div>
 </template>
 <script lang="ts">
-import Vue, {PropType} from 'vue';
+import {defineComponent, PropType} from 'vue';
 import CustomCarrierForm from './custom-carrier-form.vue';
 import {RateType} from '@/enums/product-feed/rate';
 import {CustomCarrier, validateCarrier} from '@/providers/shipping-rate-provider';
 
-export default Vue.extend({
+export default defineComponent({
   name: 'CountriesFormList',
   components: {
     CustomCarrierForm,
diff --git a/_dev/apps/ui/src/components/product-feed/settings/delivery-time-and-rates/estimate-method/custom-carrier-form.vue b/_dev/apps/ui/src/components/product-feed/settings/delivery-time-and-rates/estimate-method/custom-carrier-form.vue
index cfd7d80ba..5c8671ad5 100644
--- a/_dev/apps/ui/src/components/product-feed/settings/delivery-time-and-rates/estimate-method/custom-carrier-form.vue
+++ b/_dev/apps/ui/src/components/product-feed/settings/delivery-time-and-rates/estimate-method/custom-carrier-form.vue
@@ -261,7 +261,7 @@
   </div>
 </template>
 <script lang="ts">
-import Vue, {PropType} from 'vue';
+import {defineComponent, PropType} from 'vue';
 import {OfferType} from '@/enums/product-feed/offer';
 import {
   validateDeliveryTime,
@@ -271,7 +271,7 @@ import {
 } from '@/providers/shipping-rate-provider';
 import CurrencyDropdown from './currency-dropdown.vue';
 
-export default Vue.extend({
+export default defineComponent({
   name: 'CustomCarrierForm',
   components: {
     CurrencyDropdown,
diff --git a/_dev/apps/ui/src/components/product-feed/settings/delivery-time-and-rates/estimate-method/custom-rate.vue b/_dev/apps/ui/src/components/product-feed/settings/delivery-time-and-rates/estimate-method/custom-rate.vue
index 885c87ef5..4040eac3e 100644
--- a/_dev/apps/ui/src/components/product-feed/settings/delivery-time-and-rates/estimate-method/custom-rate.vue
+++ b/_dev/apps/ui/src/components/product-feed/settings/delivery-time-and-rates/estimate-method/custom-rate.vue
@@ -54,10 +54,10 @@
   </div>
 </template>
 <script lang="ts">
-import Vue, {PropType} from 'vue';
+import {defineComponent, PropType} from 'vue';
 import {RateType} from '@/enums/product-feed/rate';
 
-export default Vue.extend({
+export default defineComponent({
   data() {
     return {
       RateType,