Skip to content

Vuecode it is a component to show the code without complication

License

Notifications You must be signed in to change notification settings

lusaxweb/vuecode

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

63 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

vuecode

Browser Support

Recent versions of Firefox, Chrome, Edge, Opera and Safari. IE10+

Quick-start CDN

<!DOCTYPE html>
<title>vuecode demo</title>
<script src="https://unpkg.com/vue"></script>
<script src="https://unpkg.com/vuecode.js/dist/vuecode.umd.js"></script>
<link rel="stylesheet" href="https://unpkg.com/vuecode.js/dist/vuecode.css">

<div id="app">
  <vuecode title="Add new proyect vuecode">
    <div slot="demo">
      <button class="btn" type="button" name="button">Example</button>
    </div>

    <div slot="code">
```js{1,6}
var btn = document.querySelector('.btn')

btn.addEventListener( 'click' , function(){
console.log('click')
})
``/`
    </div>
  </vuecode>
</div>

<script>
new Vue({
}).$mount('#app')
</script>

CDN

Install en Proyecto NPM

# npm
npm install vuecode.js
# yarn
yarn add vuecode.js

Use

import Vue from 'vue'
import Vuecode from 'vuecode.js'

import 'vuecode.js/dist/vuecode.css'
Vue.use(Vuecode)

Become a Patron

Vuecode is an open source MIT project if you want to contribute to keep improving, If you are interested in supporting this project, please consider becoming a patron. [patron]

Lusaxweb

This library was created and is supported by Lusaxweb

License

MIT