Merge pull request #14 from qur2/master

All prop defaults are factories.

package.json

@@ -13,14 +13,14 @@
     "url": "git+https://github.com/koddr/vue-goodshare.git"
   },
   "dependencies": {
-    "vue": "^2.5.9"
+    "vue": "^2.5.17"
   },
   "devDependencies": {
-    "css-loader": "^0.28.7",
+    "css-loader": "^0.28.11",
     "gitbook-cli": "^2.3.2",
-    "node-sass": "^4.7.2",
-    "sass-loader": "^6.0.6",
-    "vue-style-loader": "^3.0.3"
+    "node-sass": "^4.9.2",
+    "sass-loader": "^6.0.7",
+    "vue-style-loader": "^3.1.2"
   },
   "keywords": [
     "social share buttons",

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 : ''
+}

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;
+}

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 : ''
+}

src/helpers/title.js

@@ -0,0 +1,6 @@
+/**
+ * @return {String} document title
+ */
+ export function documentTitle() {
+  return document.title;
+}

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,

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,

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,

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,

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,

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,

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,

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,

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,

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,

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,