edwardlorilla

<v-ons-toolbar>
      <div class="center" style="padding-top:4px;"><v-ons-search-input style="" placeholder="Search something"></v-ons-search-input></div>
    </v-ons-toolbar>
<p style="display: flex;justify-content: center; ">
      <v-ons-search-input style="width: 90%;" placeholder="Search something"></v-ons-search-input>
    </p>

edwardlorilla

<div id="app">
  <div id="pallete" >
    <div v-for="pallete in palletes" class="base_color" :style="{'background-color': 'rgb(' + pallete.join( ', ') + ')' }"> 
    </div>
  </div>
  <div v-if="!image">
    <h2>Select an image</h2>
    <input type="file"  @change="onFileChange">

  </div>

edwardlorilla

Dinner Decider

A Pen by Edward Lance Lorilla on CodePen.

License.

edwardlorilla

<div id="app">
  counter: {{setCounter}}
  <div>
    <button type="button" @click="increment()">Increment</button>
    <button type="button" @click="decrement()">Decrement</button>
  </div>
</div>

edwardlorilla

<div id="app">
  <input type="text" v-model="todo.title" placeholder="input todo"
         v-on:keyup.enter="addTodo"
         >
  
  <ul>
    <li v-for="(todo, index) in todos">
      
      <input v-if="todo.edit" type="text" v-model="todo.title">
      <span v-else>{{todo.title}} </span>

edwardlorilla

<div id="app">
  <div id="div1" ref="expandBox" class="box"></div>
  <div ref="expandBoxTwo" class="box"></div>
  <button @click="expandBox">expandBox</button>
</div>

edwardlorilla

<template id='image'>
  <img ref="imgs" alt=""/>
</template>

<div id="app">
  <transition  mode="out-in"
              v-on:before-enter="beforeEnter"
              v-on:enter="enter"
              v-on:leave="leave"
              >

edwardlorilla

<template id='register-form'>
  <div>
    <div class="panel-body">
      <div class="form-group">
        <label for="user">Name:</label>
        <input v-model="name" type="text" class="form-control" id="user">
      </div>
      <div class="form-group">
        <label for="email">Email:</label>
        <input  v-model="email" type="email" class="form-control" id="email">

edwardlorilla

<template id="create-incorrect-question">
  <li>
     <input  type="checkbox" :id="value" :value="value" v-model="internalValue">
  <label :for="value">{{value}}</label>
  </li>
 
</template>
<template id="preview-quiz">
  <div >
    <a v-if="remove" @click="remove(quiz.key, index)">&times;</a>

edwardlorilla

function multiFilter(array, filters) { 

  var filterKeys = Object.keys(filters);  
  return array.filter(function (eachObj) {
    return filterKeys.every(function (eachKey) {
      if (!filters[eachKey].length) {  
        return true; // passing an empty filter means that filter is ignored.
      }
      return _.isArray(eachObj[eachKey]) ? 
        eachObj[eachKey].some(function (o) {