Merge pull request #29 from duckzland/master

NewFeature: Adding asHtml() to TextWithSlug

dist/js/field.js.LICENSE.txt

@@ -0,0 +1,15 @@
+/*!
+ * Determine if an object is a Buffer
+ *
+ * @author   Feross Aboukhadijeh <https://feross.org>
+ * @license  MIT
+ */
+
+/**
+ * @license
+ * Lodash <https://lodash.com/>
+ * Copyright OpenJS Foundation and other contributors <https://openjsf.org/>
+ * Released under MIT license <https://lodash.com/license>
+ * Based on Underscore.js 1.8.3 <http://underscorejs.org/LICENSE>
+ * Copyright Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors
+ */

dist/mix-manifest.json

@@ -1,4 +1,4 @@
 {
     "/js/field.js": "/js/field.js",
     "/css/field.css": "/css/field.css"
-}
+}

package.json

@@ -10,9 +10,9 @@
         "production": "cross-env NODE_ENV=production node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js"
     },
     "devDependencies": {
-        "cross-env": "^5.0.0",
-        "laravel-mix": "^1.0",
-        "laravel-nova": "^1.0"
+        "cross-env": "^7.0.3",
+        "laravel-mix": "^5.0.9",
+        "laravel-nova": "^1.6.0"
     },
     "dependencies": {
         "speakingurl": "^14.0.1",

resources/js/components/TextWithSlug/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>

resources/js/field.js

@@ -1,9 +1,17 @@
+import SlugIndexField from './components/Slug/IndexField';
+import SlugDetailField from './components/Slug/DetailField';
+import SlugFormField from './components/Slug/FormField';
+
+import TextSlugIndexField from './components/TextWithSlug/IndexField';
+import TextSlugDetailField from './components/TextWithSlug/DetailField';
+import TextSlugFormField from './components/TextWithSlug/FormField';
+
 Nova.booting((Vue, router) => {
-    Vue.component('index-nova-slug-field', require('./components/Slug/IndexField'));
-    Vue.component('detail-nova-slug-field', require('./components/Slug/DetailField'));
-    Vue.component('form-nova-slug-field', require('./components/Slug/FormField'));
+    Vue.component('index-nova-slug-field', SlugIndexField);
+    Vue.component('detail-nova-slug-field', SlugDetailField);
+    Vue.component('form-nova-slug-field', SlugFormField);
 
-    Vue.component('index-nova-textwithslug-field', require('./components/TextWithSlug/IndexField'));
-    Vue.component('detail-nova-textwithslug-field', require('./components/TextWithSlug/DetailField'));
-    Vue.component('form-nova-textwithslug-field', require('./components/TextWithSlug/FormField'));
+    Vue.component('index-nova-textwithslug-field', TextSlugIndexField);
+    Vue.component('detail-nova-textwithslug-field', TextSlugDetailField);
+    Vue.component('form-nova-textwithslug-field', TextSlugFormField);
 })