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

Build a IP Tracking App With Vue 3, Tailwind CSS & Leaflet.js (Composition API)
18.30 GEEK