006-custom-directives/index.html

<!DOCTYPE html>
<html >
<head>
  <meta charset="UTF-8">
  <title>Vue.js 2 #6 Custom Directives</title>
  
  
  
  
  
</head>

<body>
  <div id="app">
  <div v-color-swatch="'#2f2f2f'">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur et nisi luctus, varius elit a, sagittis velit. In ac nulla a nunc efficitur vestibulum. In lacinia magna interdum, mattis turpis ac, vulputate velit. Suspendisse pulvinar dictum sem, faucibus laoreet leo vulputate nec. Donec non dolor a tortor varius fermentum vel sed est. Ut dignissim ut purus aliquet placerat. Pellentesque ultricies ultricies risus, et accumsan urna pellentesque et. Cras faucibus felis sit amet nisl rhoncus, a egestas elit cursus. Donec ut iaculis lectus. Nunc finibus, enim sed commodo pulvinar, massa ex gravida neque, id bibendum lorem libero et dui.</div>
</div>
  <script src='https://unpkg.com/vue'></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/showdown/1.7.2/showdown.min.js'></script>

    <script src="js/index.js"></script>

</body>
</html>