Marcos Neves neves

neves / v-tag-input.vue

Created March 18, 2017 18:08

	<template lang="html">
	<input class="v-tag-input" type="text" v-model="editableValue">
	</template>

	<script>
	export default {
	name: 'v-tag-input',
	props: {
	value: {
	type: Array,

neves / .babelrc

Last active March 6, 2017 19:02

	{
	"plugins": ["transform-es2015-modules-systemjs"]
	}

neves / vue-tag-editor.js

Created February 27, 2017 13:34

Vue.js tag editor component: https://medium.com/@marcosneves/vue-js-tip-5-tag-editor-component-418d4e926b71

	Vue.component('tag-editor', {
	template: `<div class="tag-editor">
	<tag-input v-model="editableValue"></tag-input>
	<tag-list v-model="editableValue"></tag-list>
	</div>`,
	props: ['value'],
	computed: {
	editableValue: {
	get () {
	return this.value \|\| []

neves / vue-tag-list.js

Created February 27, 2017 11:07

Vue.js tag list component: https://medium.com/@marcosneves/vue-js-tip-4-tag-list-component-ccd0f9ca1f5a

neves / vue-tag-input.js

Last active February 27, 2017 11:45

	Vue.component('tag-input', {
	template: '<input type="text" v-model="editableTags">',
	props: ['value'],
	computed: {
	editableTags: {
	get () {
	return (this.value \|\| []).join(' ')
	},
	set (val) {
	this.$emit('input', val.split(' '))

neves / App.vue

Created February 16, 2017 12:30

	<template>
	<div id="app">
	<radio name="frutas" data="1" label="Abacaxi" v-model="fruta"></radio>
	<radio name="frutas" data="2" v-model="fruta">
	Laranja
	</radio>
	<radio name="frutas" data="3" label="Melão" v-model="fruta"></radio>

	Fruta: {{fruta}}

neves / vuejs-template.js

Last active March 9, 2017 19:08

	var app = new Vue({
	el: '#app', // https://vuejs.org/v2/api/#el
	template: '', // https://vuejs.org/v2/api/#template
	render (h) {}, // https://vuejs.org/v2/api/#render

	data: {}, // https://vuejs.org/v2/api/#data

	computed: { // https://vuejs.org/v2/api/#computed
	fullName: {
	get () {},

neves / index.js

Last active October 17, 2016 04:42

console.log('FooBar')

neves / oracle-php56-oci8.sh

Last active September 26, 2018 00:59

	# install oracle extension to php 5.6 and Oracle Express 11g on ubuntu 16.04
	apt-get update

	# to install rpm on ubuntu
	apt-get install -qy alien
	alien -vi oracle/oracle-instantclient11.2-basic-11.2.0.4.0-1.x86_64.rpm
	alien -vi oracle/oracle-instantclient11.2-devel-11.2.0.4.0-1.x86_64.rpm

	# add php 5.6 to ubuntu 16
	apt-get install -qy software-properties-common

neves / 0_reuse_code.js

Created April 26, 2016 04:16

Here are some things you can do with Gists in GistBox.

	// Use Gists to store code you would like to remember later on
	console.log(window); // log the "window" object to the console

	Vue.component('tag-list', {
	template: `<div>
	<span v-for="tag, index in value" class="tag is-info" style="margin-right: 2px">
	{{tag}}
	<button class="delete is-small" @click="remove(index)"></button>
	</span>
	</div>`,
	props: ['value'],
	methods: {
	remove (index) {