technical guide in magento 2

Hi, i'm working on Custom Module for Cities Dropdown without filtering by region. my module filter the Cities by country_id but i'm facing issue, i can't load the default country cities on page load. but on update the country the cities appear without any issue. i only can't load the cities for the default country. i need someone to explain how to do it, so i could finish the task. Thanks [login to view URL] /** * @api */ define([ 'underscore', 'uiRegistry', 'Magento_Ui/js/form/element/select' ], function (_, registry, Select) { 'use strict'; return [login to view URL]({ defaults: { skipValidation: false, customName: '${ $.parentName }.city', imports: { update: '${ $.parentName }.country_id:value' } }, initialize: function (){ /* var status = this._super().initialValue; [login to view URL]("On Load"); return this; */ }, /** * Creates input from template, renders it via renderer. * * @returns {Object} Chainable. */ initInput: function () { return this; }, /** * @param {String} value */ update: function (value) { var source = [login to view URL], field = [login to view URL], result, initValue; result = [login to view URL](source, function (item) { return item[field] === value; }); if ([login to view URL] > 0 && value != undefined) { [login to view URL](true); [login to view URL](false); [login to view URL](result); let currentValue = [login to view URL]; initValue = [login to view URL](result, function (item) { return [login to view URL] === currentValue; }); if ([login to view URL] > 0) { [login to view URL](currentValue); } } else { [login to view URL](false); [login to view URL](''); [login to view URL](true); [login to view URL]([]); [login to view URL](''); } }, /** * Filters 'initialOptions' property by 'field' and 'value' passed, * calls 'setOptions' passing the result to it * * @param {*} value * @param {String} field */ filter: function (value, field) { var country = [login to view URL]([login to view URL] + '.' + 'country_id'), value = (value == undefined) ? '' : value; if (country){ this._super(value, field); if(value == '' && [login to view URL] == 'checkoutProvider'){ [login to view URL](false); [login to view URL](''); [login to view URL](true); [login to view URL]([]); [login to view URL](''); } } }, /** * Callback that fires when 'value' property is updated. */ onUpdate: function () { this._super(); var value = [login to view URL](), result; result = [login to view URL][value]; if(result != undefined){ [login to view URL]([login to view URL]); } else { [login to view URL](''); } }, /** * Change value for input. */ toggleValue: function (value) { [login to view URL]([login to view URL], function (input) { [login to view URL](value); }); } }); });