vue-ip-highlighter

A Vue component that highlights IP addresses and shows detailed information in a tooltip.

Installation

npm install vue-ip-highlighter

Usage

Global Registration

import Vue from 'vue'
import IPHighlighter from 'vue-ip-highlighter'

Vue.use(IPHighlighter)

Local Registration

<template>
  <div>
    <ip-highlighter>
      <div>
        Example IP: 192.168.1.1
      </div>
    </ip-highlighter>
  </div>
</template>

<script>
import { IPHighlighter } from 'vue-ip-highlighter'

export default {
  components: {
    IPHighlighter
  }
}
</script>

Props

| Property | Type | Default | Description | |----------|------|---------|-------------| | apiUrl | String | https://your-api.com/ip | API address | | requestConfig | Object | { credentials: 'include' } | Request configuration |

License

MIT