Merge pull request #28 from eliascarella/feat-set-currency

feat: added support for the setCurrency method

example/pages/index.vue

@@ -1,7 +1,7 @@
 <template>
   <div>
-    Items Number : <span class="snipcart-items-count" />
-    Items price: <span class="snipcart-total-price" />
+    Items Number : <span class="snipcart-items-count" /> Items price:
+    <span class="snipcart-total-price" />
     <button
       class="snipcart-add-item"
       v-bind="{
@@ -23,6 +23,12 @@
     <button class="switch-lang" @click="switchLang">
       switch Lang
     </button>
+    <button class="switch-currency" @click="switchCurrency('eur')">
+      Change Currency to euros
+    </button>
+    <button class="switch-currency" @click="switchCurrency('usd')">
+      Change Currency to dollars
+    </button>
   </div>
 </template>
 
@@ -85,7 +91,6 @@ export default {
           name: 'Engraving',
           placeholder: 'ex: John Doe'
         }
-
       ]
     },
     addItemEvent: null
@@ -104,6 +109,9 @@ export default {
     switchLang () {
       this.lang = this.lang === 'fr' ? 'en' : 'fr'
       this.$snipcart.setLanguage(this.lang)
+    },
+    switchCurrency (currency) {
+      this.$snipcart.setCurrency(currency)
     }
   }
 }

lib/plugin.js

@@ -32,6 +32,12 @@ const initEvents = () => {
     })
   })
 }
+const setCurrency = (currency) => {
+  if (typeof window === 'undefined' || !window.Snipcart) {
+    throw new Error('window.Snipcart not accessible')
+  }
+  window.Snipcart.api.session.setCurrency(currency)
+}
 
 const setLanguage = (lang, options) => {
   if (typeof window === 'undefined' || !window.Snipcart) {
@@ -48,8 +54,7 @@ const bindProduct = (product) => {
   }
 
   Object.keys(product).forEach((key) => {
-    ret[`data-item-${key.toString().toLowerCase()}`] =
-    product[key]
+    ret[`data-item-${key.toString().toLowerCase()}`] = product[key]
   })
   return ret
 }
@@ -86,13 +91,16 @@ export default (_, inject) => {
   const snipcart = {
     customfields: customFields,
     setLanguage,
+    setCurrency,
     bindProduct
   }
 
   inject('snipcart', snipcart)
 
   // not execute the second part on sever
-  if (process.server) { return }
+  if (process.server) {
+    return
+  }
 
   onLoad(() => {
     initEvents()