@webdataorg/vue-link-previewdeprecated

A Vue component for providing you with a websites' metadata, it uses the WebData API for providing the metadata

Usage no npm install needed!

<script type="module">
  import webdataorgVueLinkPreview from 'https://cdn.skypack.dev/@webdataorg/vue-link-preview';
</script>

README

Vue Link Preview

A Vue component for providing you with a websites' metadata, it uses the WebData API for providing the metadata

Demo

Global Install

main.js

import VueLinkPreview from "@webdataorg/vue-link-preview";

Vue.component("VueLinkPreview",VueLinkPreview);

Local Install

App.vue

<template>
  <vue-link-preview>
    <div slot-scope="{ meta }">
      // use your own mark
    </div>
  </vue-link-preview>
</template>

<script>
import VueLinkPreview from "@webdataorg/vue-link-preview";

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