All default props are factories, closes #13

koddr · Aug 10, 2018 · c2a6310 · c2a6310
1 parent 95087a0
commit c2a6310
Show file tree

Hide file tree

Showing 20 changed files with 119 additions and 74 deletions.
diff --git a/src/helpers/defaultHref.js b/src/helpers/defaultHref.js
diff --git a/src/helpers/description.js b/src/helpers/description.js
@@ -0,0 +1,7 @@
+/**
+ * @return {String} description meta content
+ */
+ export function metaDescription() {
+  const meta = document.querySelector('meta[name="description"]')
+  return meta ? meta.content : ''
+}
diff --git a/src/helpers/href.js b/src/helpers/href.js
@@ -0,0 +1,16 @@
+/**
+ * @return {String} document location href without hash
+ */
+export function documentHrefWithoutHash() {
+  return document.location.href.replace(
+    document.location.hash,
+    ''
+  );
+}
+
+/**
+ * @return {String} document location
+ */
+export function documentHref() {
+  return document.location.href;
+}
diff --git a/src/helpers/icon.js b/src/helpers/icon.js
@@ -0,0 +1,7 @@
+/**
+ * @return {String} apple-touch-icon link source
+ */
+ export function linkAppleTouchIcon() {
+  const link = document.querySelector('link[rel="apple-touch-icon"]')
+  return link ? link.src : ''
+}
diff --git a/src/helpers/title.js b/src/helpers/title.js
@@ -0,0 +1,6 @@
+/**
+ * @return {String} document title
+ */
+ export function documentTitle() {
+  return document.title;
+}
diff --git a/src/providers/Facebook.vue b/src/providers/Facebook.vue
@@ -19,18 +19,18 @@
 </template>
 
 <script>
-  import defaultHref from '../helpers/defaultHref';
+  import {documentHrefWithoutHash} from '../helpers/href';
 
   export default {
     name: 'VueGoodshareFacebook',
     props: {
       page_url: {
         type: String,
-        default: defaultHref
+        default: documentHrefWithoutHash
       },
       button_design: {
         type: String,
-        default: 'flat'
+        default: () => 'flat'
       },
       title_social: String,
       has_icon: Boolean,

diff --git a/src/providers/GooglePlus.vue b/src/providers/GooglePlus.vue
@@ -14,16 +14,18 @@
 </template>
 
 <script>
+  import {documentHref} from '../helpers/href';
+
   export default {
     name: 'VueGoodshareGooglePlus',
     props: {
       page_url: {
         type: String,
-        default: document.location.href
+        default: documentHref
       },
       button_design: {
         type: String,
-        default: 'flat'
+        default: () => 'flat'
       },
       title_social: String,
       has_icon: Boolean,

diff --git a/src/providers/Line.vue b/src/providers/Line.vue
@@ -14,16 +14,18 @@
 </template>
 
 <script>
+  import {documentHref} from '../helpers/href';
+
   export default {
     name: 'VueGoodshareLine',
     props: {
       page_url: {
         type: String,
-        default: document.location.href
+        default: documentHref
       },
       button_design: {
         type: String,
-        default: 'flat'
+        default: () => 'flat'
       },
       title_social: String,
       has_icon: Boolean,

diff --git a/src/providers/LinkedIn.vue b/src/providers/LinkedIn.vue
@@ -21,27 +21,28 @@
 </template>
 
 <script>
-  // Variables
-  const description = document.querySelector('meta[name="description"]')
+  import {documentHref} from '../helpers/href';
+  import {documentTitle} from '../helpers/title';
+  import {metaDescription} from '../helpers/description';
   
   export default {
     name: 'VueGoodshareLinkedIn',
     props: {
       page_url: {
         type: String,
-        default: document.location.href
+        default: documentHref
       },
       page_title: {
         type: String,
-        default: document.title
+        default: documentTitle
       },
       page_description: {
         type: String,
-        default: (description) ? description.content : ''
+        default: metaDescription
       },
       button_design: {
         type: String,
-        default: 'flat'
+        default: () => 'flat'
       },
       title_social: String,
       has_icon: Boolean,

diff --git a/src/providers/LiveJournal.vue b/src/providers/LiveJournal.vue
@@ -15,20 +15,23 @@
 </template>
 
 <script>
+  import {documentHref} from '../helpers/href';
+  import {documentTitle} from '../helpers/title';
+
   export default {
     name: 'VueGoodshareLiveJournal',
     props: {
       page_url: {
         type: String,
-        default: document.location.href
+        default: documentHref
       },
       page_title: {
         type: String,
-        default: document.title
+        default: documentTitle
       },
       button_design: {
         type: String,
-        default: 'flat'
+        default: () => 'flat'
       },
       title_social: String,
       has_icon: Boolean,

diff --git a/src/providers/MoiMir.vue b/src/providers/MoiMir.vue
@@ -22,32 +22,33 @@
 </template>
 
 <script>
-  // Variables
-  const description = document.querySelector('meta[name="description"]')
-  const image = document.querySelector('link[rel="apple-touch-icon"]')
+  import {documentHref} from '../helpers/href';
+  import {documentTitle} from '../helpers/title';
+  import {metaDescription} from '../helpers/description';
+  import {linkAppleTouchIcon} from '../helpers/icon';
   
   export default {
     name: 'VueGoodshareMoiMir',
     props: {
       page_url: {
         type: String,
-        default: document.location.href
+        default: documentHref
       },
       page_title: {
         type: String,
-        default: document.title
+        default: documentTitle
       },
       page_description: {
         type: String,
-        default: (description) ? description.content : ''
+        default: metaDescription
       },
       page_image: {
         type: String,
-        default: (image) ? image.src : ''
+        default: linkAppleTouchIcon
       },
       button_design: {
         type: String,
-        default: 'flat'
+        default: () => 'flat'
       },
       title_social: String,
       has_icon: Boolean,

diff --git a/src/providers/Odnoklassniki.vue b/src/providers/Odnoklassniki.vue
@@ -20,22 +20,23 @@
 </template>
 
 <script>
-  import defaultHref from '../helpers/defaultHref';
+  import {documentHrefWithoutHash} from '../helpers/href';
+  import {documentTitle} from '../helpers/title';
 
   export default {
     name: 'VueGoodshareOdnoklassniki',
     props: {
       page_url: {
         type: String,
-        default: defaultHref
+        default: documentHrefWithoutHash
       },
       page_title: {
         type: String,
-        default: document.title
+        default: documentTitle
       },
       button_design: {
         type: String,
-        default: 'flat'
+        default: () => 'flat'
       },
       title_social: String,
       has_icon: Boolean,

diff --git a/src/providers/Pinterest.vue b/src/providers/Pinterest.vue
@@ -20,28 +20,28 @@
 </template>
 
 <script>
-  // Variables
-  const description = document.querySelector('meta[name="description"]')
-  const image = document.querySelector('link[rel="apple-touch-icon"]')
+  import {documentHref} from '../helpers/href';
+  import {metaDescription} from '../helpers/description';
+  import {linkAppleTouchIcon} from '../helpers/icon';
   
   export default {
     name: 'VueGoodsharePinterest',
     props: {
       page_url: {
         type: String,
-        default: document.location.href
+        default: documentHref
       },
       page_description: {
         type: String,
-        default: (description) ? description.content : ''
+        default: metaDescription
       },
       page_image: {
         type: String,
-        default: (image) ? image.src : ''
+        default: linkAppleTouchIcon
       },
       button_design: {
         type: String,
-        default: 'flat'
+        default: () => 'flat'
       },
       title_social: String,
       has_icon: Boolean,

diff --git a/src/providers/Reddit.vue b/src/providers/Reddit.vue
@@ -20,20 +20,23 @@
 </template>
 
 <script>
+  import {documentHref} from '../helpers/href';
+  import {documentTitle} from '../helpers/title';
+
   export default {
     name: 'VueGoodshareReddit',
     props: {
       page_url: {
         type: String,
-        default: document.location.href
+        default: documentHref
       },
       page_title: {
         type: String,
-        default: document.title
+        default: documentTitle
       },
       button_design: {
         type: String,
-        default: 'flat'
+        default: () => 'flat'
       },
       title_social: String,
       has_icon: Boolean,

diff --git a/src/providers/Telegram.vue b/src/providers/Telegram.vue
@@ -14,18 +14,18 @@
 </template>
 
 <script>
-  import defaultHref from '../helpers/defaultHref';
+  import {documentHrefWithoutHash} from '../helpers/href';
 
   export default {
     name: 'VueGoodshareTelegram',
     props: {
       page_url: {
         type: String,
-        default: defaultHref
+        default: documentHrefWithoutHash
       },
       button_design: {
         type: String,
-        default: 'flat'
+        default: () => 'flat'
       },
       title_social: String,
       has_icon: Boolean,

diff --git a/src/providers/Tumblr.vue b/src/providers/Tumblr.vue
@@ -21,27 +21,28 @@
 </template>
 
 <script>
-  // Variables
-  const description = document.querySelector('meta[name="description"]')
+  import {documentHref} from '../helpers/href';
+  import {documentTitle} from '../helpers/title';
+  import {metaDescription} from '../helpers/description';
   
   export default {
     name: 'VueGoodshareTumblr',
     props: {
       page_url: {
         type: String,
-        default: document.location.href
+        default: documentHref
       },
       page_title: {
         type: String,
-        default: document.title
+        default: documentTitle
       },
       page_description: {
         type: String,
-        default: (description) ? description.content : ''
+        default: metaDescription
       },
       button_design: {
         type: String,
-        default: 'flat'
+        default: () => 'flat'
       },
       title_social: String,
       has_icon: Boolean,

diff --git a/src/providers/Twitter.vue b/src/providers/Twitter.vue
@@ -15,20 +15,23 @@
 </template>
 
 <script>
+  import {documentHref} from '../helpers/href';
+  import {documentTitle} from '../helpers/title';
+
   export default {
     name: 'VueGoodshareTwitter',
     props: {
       page_url: {
         type: String,
-        default: document.location.href
+        default: documentHref
       },
       page_title: {
         type: String,
-        default: document.title
+        default: documentTitle
       },
       button_design: {
         type: String,
-        default: 'flat'
+        default: () => 'flat'
       },
       title_social: String,
       has_icon: Boolean,