From 71289293da7ec054aba27c8f3a2747aac801e9bd Mon Sep 17 00:00:00 2001
From: florent <fboisselier52@gmail.com>
Date: Sun, 11 Feb 2018 15:16:55 +0100
Subject: [PATCH] fix component

---
 package.json    |  4 ++--
 src/autolink.js | 10 +++++-----
 2 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/package.json b/package.json
index 7735a91..97a46cd 100644
--- a/package.json
+++ b/package.json
@@ -1,8 +1,8 @@
 {
   "name": "vue-autolink",
-  "version": "0.0.11",
+  "version": "0.0.12",
   "description": "Auto-link url and images in Vue components",
-  "main": "index.js",
+  "main": "src/index.js",
   "scripts": {
     "test": "echo 'lol'",
     "build": "babel src --out-dir ./ && rm app.js",
diff --git a/src/autolink.js b/src/autolink.js
index ed56242..a9c08d1 100644
--- a/src/autolink.js
+++ b/src/autolink.js
@@ -38,17 +38,17 @@ function parseEmbed (opts, embed) {
 }
 
 export default {
-  props: ['class', 'style', 'content', 'embed', 'image', 'link-attr', 'image-attr', 'safe'],
-  template: '<div :class="class" :style="style">{{{ content | autolink }}}</div>',
-  filters: {
-    autolink (val) {
+  props: ['content', 'embed', 'image', 'link-attr', 'image-attr', 'safe'],
+  template: '<div v-html="autoLinkContent"></div>',
+  computed: {
+    autoLinkContent: function () {
       let opts = {}
       opts.image = defaultTrue(this.image)
       opts = parseEmbed(opts, this.embed)
       opts.linkAttr = this.linkAttr
       opts.imageAttr = this.imageAttr
       opts.safe = defaultFalse(this.safe)
-      return autoLink(val, opts)
+      return autoLink(this.content, opts)
     }
   }
 }