In this video we build an ip tracking app using vue 3 & the composition api, tailwind css & leaflet.js. We cover all the basics of setting up an application using the Vue 3 Composition API such as: setting up the “setup option”, creating data values & functions, making data reactive & lifecycle hooks.
We don’t cover everything, but we touch upon enough to create a simple starting app. This video should give you the knowledge & confidence to start build apps using Vue 3 & the Composition API.
Timestamps:
0:00 Introduction
3:42 Project Setup
9:55 Update Page/Document Title
12:07 Search Input
23:04 IP Address Info Component
30:12 Leaflet Map Implementation
36:45 Get Geolocation Function
Starting Repo: https://github.com/johnkomarnicki/vue…
Completed Repo: https://github.com/johnkomarnicki/vue…
Subscribe: https://www.youtube.com/c/JohnKomarnicki/featured
#vue #tailwind #javascript