c01nd01r

/**
 * Hyphenate a camelCase string.
 */
  var hyphenateRE = /\B([A-Z])/g;
  var hyphenate = function(str) {
      return str.replace(hyphenateRE, '-$1').toLowerCase()
  };

c01nd01r

alias subl='/Applications/Sublime\ Text.app/Contents/SharedSupport/bin/subl'
export PS1="\[\033[36m\]\u\[\033[m\]@\[\033[32m\] \[\033[33;1m\]\w\[\033[m\] (\$(git branch 2>/dev/null | grep '^*' | colrm 1 2)) \$  \n| => "
export PS2="| => "
export CLICOLOR=1
export LSCOLORS=ExFxBxDxCxegedabagacad
export PATH="$HOME/.yarn/bin:$PATH"

[[ -s "$HOME/.rvm/scripts/rvm" ]] && source "$HOME/.rvm/scripts/rvm" # Load RVM into a shell session *as a function*
export PATH="/usr/local/sbin:$PATH"

c01nd01r

const data = [
  {id: 1, total: 9, type: 'cashout'},
  {id: 2, total: 8, type: 'cashin'},
  {id: 3, total: 5, type: 'cashout'},
  {id: 4, total: 4, type: 'cachin'},
  {id: 5, total: 3, type: 'cashout'},
];

const filters = {
  total(val) {

c01nd01r

<div id="app"></div>
<script type="text/x-template" id="example">
<div>
<textarea v-model="test" rows="10" style="width: 900px">

</textarea>

<textarea v-model="comp" rows="10" style="width: 900px">

</textarea>

c01nd01r

<div id="app"></div>
<script type="text/x-template" id="example">
<div>
<textarea v-model="test" rows="10" style="width: 900px">

</textarea>



<div>

c01nd01r

<link rel="stylesheet" type="text/css" media="screen" href="http://www.devslide.com/public/labs/browser-detection/browser-detection.css" />
<script type="text/javascript" src="http://www.devslide.com/public/labs/browser-detection/browser-detection.js">
<script type="text/javascript">
<!--
var displayPoweredBy = false;
var noticeLangCustom = {
"title": "Ваш браузер устарел",
"notice": "Здравствуйте. По всей видимости, ваш браузер устарел. Мы настоятельно рекомендуем Вам обновить ваш браузер. Иначе, мы не может гарантировать полное функционирование нашего сервиса. ",
"selectBrowser": "Рекомендуем выбрать Google Chrome, как самый современный и безопасный браузер",
"remindMeLater": "Напомнить позже",

c01nd01r

<template>
  <div class="hello">
    <draggable :list="list" :options="{animation: 150}" >
       <div v-for="element in list" class="element">{{element.name}}</div>
    </draggable>
  </div>
</template>

<script>
  import draggable from 'vuedraggable';

c01nd01r

Best Vue.JS components (IMHO)

UI

Sorts list

• Vue.Draggable Based on Sortable.js

c01nd01r

// usage:

@badge-colors: blue #7FB3D4, gray #767676, green #8CC079, red #b35d5d;

.make-classes(badge, @badge-colors);

// impl.:

.make-classes(@prefix, @list) {
    .iter(length(@list));

c01nd01r

<template>
  <ol class="breadcrumb">
    <!-- Вычисление последнего элемента -->
    <li v-for="(link, index) in links" :class="{active: (lastLink === link)}">
      <router-link :to="link.href" v-if="routing && !(lastLink === link)">{{link.title}}</router-link>
      <a :href="link.href" data-lol v-else-if="!(lastLink === link)">{{link.title}}</a>
      <span v-else="(lastLink === link)">{{link.title}}</span>
    </li>

    <!-- Последний элемент по свойству current из внешнего объекта -->