IP Locator is a lightweight Vue 3 application that allows users to search for one or more IP addresses and retrieve details such as country, flag emoji, and current time based on the timezone.
- ⚙️ Vue 3 with
<script setup>
- 🧠 TypeScript
- 🗂️ Pinia for state management
- 🎨 Naive UI for modern UI components
- 🌐 Axios for API requests
- ⚡ Vite for fast development and build
- 🧹 ESLint 9 (Flat Config) for linting
- 🖌️ Prettier for code formatting
- npm install
- npm run dev
- Input and validate multiple IP addresses
- Fetch and display country, flag emoji, and timezone
- Live clock based on timezone
Uses ipwho.is — no key required. Example:
https://ipwho.is/8.8.8.8?fields=ip,country,flag.emoji,timezone.id
Please pay attention that in the ipSearch.ts we use delay simulation to check how "User can search several IP’s simultaneously"