0.1.0 • Published 6 years ago
vue-twitter v0.1.0
vue-twitter
Install
npm install vue-twitter
Usage
import Vue from 'vue'
import twitter from 'vue-twitter'
Vue.use(twitter)
<template>
<twitter>
<a class="twitter-timeline" href="https://twitter.com/realDonaldTrump?ref_src=twsrc%5Etfw">Tweets by realDonaldTrump</a>
</twitter>
</template>
notice
<a class="twitter-timeline" href="https://twitter.c...
comes from https://publish.twitter.com/#
get your widget HTML code
from above link, and parse it as default slot(except the script tag).
Use loading
<template>
<twitter>
<div slot="loading">loading .....</div>
<a class="twitter-timeline" href="https://twitter.com/realDonaldTrump?ref_src=twsrc%5Etfw">Tweets by realDonaldTrump</a>
</twitter>
</template>
Others
use as component(use vue-loader)
import { twitter } from 'vue-twitter'
export default {
components: {
twitter
}
}
use as component(need template complier on Vue-cli3)
import twitter from 'vue-twitter/lib/twttr.js'
export default {
components: {
twitter
}
}
0.1.0
6 years ago