Merge pull request #18 from VinsanityShred/master

Add support for ->asHtml() on Slug field
tomhatzer · Jul 5, 2019 · 2072919 · 2072919
2 parents 92b0bbb + f24e300
commit 2072919
Show file tree

Hide file tree

Showing 4 changed files with 15 additions and 3 deletions.
diff --git a/composer.json b/composer.json
@@ -36,5 +36,6 @@
         "sort-packages": true
     },
     "minimum-stability": "dev",
-    "prefer-stable": true
+    "prefer-stable": true,
+    "version": "1.2.4"
 }
diff --git a/dist/js/field.js b/dist/js/field.js
diff --git a/resources/js/components/Slug/IndexField.vue b/resources/js/components/Slug/IndexField.vue
@@ -1,5 +1,6 @@
 <template>
-    <span>{{ field.value }}</span>
+    <div v-if="field.asHtml" v-html="field.value"></div>
+    <span v-else class="whitespace-no-wrap">{{ field.value }}</span>
 </template>
 
 <script>

diff --git a/src/Slug.php b/src/Slug.php
@@ -73,6 +73,16 @@ public function showUrlPreview(string $url): Element
         return $this;
     }
 
+    /**
+     * Display the field as raw HTML using Vue.
+     *
+     * @return $this
+     */
+    public function asHtml()
+    {
+        return $this->withMeta(['asHtml' => true]);
+    }
+
     public function jsonSerialize()
     {
         return array_merge([