Olena-Stotska

Vue.directive('color', function(el, binding) {
  let value = binding.value

  if (binding.modifiers.lighter) {
    value = LightenDarkenColor(value, 90)
  }

  if (binding.modifiers.darken) {
    value = LightenDarkenColor(value, -50)
  }

Olena-Stotska

<template id="todo-container">
  <div class="item-block">
    <button class="ui icon button" data-attr="done"><i class="circle outline icon"></i></button>
    <div class="text-block"></div>
    <button class="ui icon button" data-attr="delete"><i class="trash red icon"></i></button>
  </div>
</template>

<div class="container">
  <h1 class="header">Todo List</h1>

Olena-Stotska

{
  "name": "proxy",
  "version": "1.0.0",
  "description": "",
  "main": "proxy.js",
  "dependencies": {
    "http-proxy": "^1.16.2",
    "mime-types": "^2.1.17"
  },
  "scripts": {