wikipedia content box plugin
npm install wikiembed --save
yarn add wikiembed -S
<div id="container" />
<script>
var container = document.getElementById('container')
var options = {
sampleConfig: 'Overwrite by plugin user',
onSampleEvent: function (args) {
console.log('onSampleEvent passed from applicaiton')
}
}
wikiembed(container, options)
</script>
<template>
<div id="app">
<img alt="Vue logo" src="./assets/logo.png">
<SveltePlugin
@onSampleEvent="handleClick"
@onSampleEventOver="handleOver"
:options="{
sampleConfig: 'passed from vue js'
}" />
</div>
</template>
<script>
import SveltePlugin from '../../../public/wikiembed-vue.js'
export default {
name: 'app',
components: { SveltePlugin},
methods: {
handleOver () {
console.log('Vue handle mouse over vue js')
},
handleClick () {
alert('alert from vue js')
}
}
}
</script>
import React from 'react';
import logo from './logo.svg';
import './App.css';
import SveltePlugin from './wikiembed-react.js'
function App() {
const handleClick = () => alert('alert from react')
return (
<div className="App">
<header className="App-header">
<img src={logo} className="App-logo" alt="logo" />
<SveltePlugin onSvelteclick={handleClick} name="(attr passed from react js to svlete)" />
</header>
</div>
);
}
export default App;
npm run dev
npm run iife
npm run install-vue-demo
npm run vue
npm run install-react-demo
npm run react
npm run clear