The latest articles on DEV Community by mathavan jeyadev (@gjmat28). https://dev.to/gjmat28 https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F3189976%2Fdc55ae1d-9e30-4902-8cbf-aec446b55ea0.jpg https://dev.to/gjmat28 en mathavan jeyadev Wed, 21 May 2025 10:52:26 +0000 https://dev.to/gjmat28/effortless-location-selectors-for-vue-3-with-data-forge-servicescore-2oac https://dev.to/gjmat28/effortless-location-selectors-for-vue-3-with-data-forge-servicescore-2oac <p>Managing nested location fields like <strong>Region → Subregion → Country → State → City</strong> can be a headache.</p> <p>That’s why I created <a href="https://www.npmjs.com/package/@data-forge-services/core" rel="noopener noreferrer"><code>@data-forge-services/core</code></a> — a plug-and-play Vue 3 component library that helps you integrate dynamic location selectors <strong>instantly</strong>.</p> <h2> 🚀 Quick Install </h2> <div class="highlight js-code-highlight"> <pre class="highlight plaintext"><code> bash npm install @data-forge-services/core &lt;StateSelect label="State" country="India" /&gt; &lt;CitySelect label="City" state="Tamil Nadu" /&gt; &lt;script setup&gt; import { RegionSelect, SubregionSelect, CountrySelect, StateSelect, CitySelect} from "@data-forge-services/core"; &lt;/script&gt; </code></pre> </div> webdev vue api location