Buy me a coffee ☕️ [merge]

README.md

@@ -20,6 +20,8 @@ Now you just update and add docs with `dispatch('user/set', newItem)` and forget
 
 Other features include hooks, fillables (limit props to sync), default values (add props on sync), a fetch function and much more...
 
+[Installation and setup]　→
+
 # Motivation
 
 I didn't like writing an entire an API wrapper from scratch for firestore every single project. If only a vuex module could be in perfect sync with firestore without having to code all the boilerplate yourself...
@@ -30,4 +32,12 @@ And that's how Vuex Easy Firestore was born.
 
 See the all new documentation made with VuePress!
 
-https://mesqueeb.github.io/vuex-easy-firestore
+**[Full documentation](https://mesqueeb.github.io/vuex-easy-firestore)**
+
+# Support
+
+If you like what I built, you can say thanks by buying me a coffee! :)
+
+<a href="https://www.buymeacoffee.com/mesqueeb" target="_blank"><img src="https://www.buymeacoffee.com/assets/img/custom_images/orange_img.png" alt="Buy Me A Coffee" style="height: auto !important;width: auto !important;" ></a>
+
+Thank you so much!! Every little bit helps.

docs/.vuepress/style.styl

@@ -0,0 +1,38 @@
+
+.bmc-button img
+  width: 27px !important
+  margin-bottom: 1px !important
+  box-shadow: none !important
+  border: none !important
+  vertical-align: middle !important
+
+.bmc-button
+  line-height: 36px !important
+  height:37px !important
+  text-decoration: none !important
+  display:inline-flex !important
+  color:#ffffff !important
+  background-color:#FBCC5A !important
+  border-radius: 3px !important
+  border: 1px solid transparent !important
+  padding: 1px 9px !important
+  font-size: 23px !important
+  letter-spacing:0.6px !important
+  box-shadow: 0px 1px 2px rgba(190, 190, 190, 0.5) !important
+  -webkit-box-shadow: 0px 1px 2px 2px rgba(190, 190, 190, 0.5) !important
+  margin: 0 auto !important
+  font-family:'Cookie', cursive !important
+  -webkit-box-sizing: border-box !important
+  box-sizing: border-box !important
+  -o-transition: 0.3s all linear !important
+  -webkit-transition: 0.3s all linear !important
+  -moz-transition: 0.3s all linear !important
+  -ms-transition: 0.3s all linear !important
+  transition: 0.3s all linear !important
+
+.bmc-button:hover, .bmc-button:active, .bmc-button:focus
+  -webkit-box-shadow: 0px 1px 2px 2px rgba(190, 190, 190, 0.5) !important
+  text-decoration: none !important
+  box-shadow: 0px 1px 2px 2px rgba(190, 190, 190, 0.5) !important
+  opacity: 0.85 !important
+  color:#ffffff !important

docs/README.md

@@ -48,3 +48,11 @@ I didn't like writing an entire an API wrapper from scratch for firestore every
 And that's how Vuex Easy Firestore was born.
 
 <div style="text-align: right; margin-bottom: 1rem"><a href="setup.html">Installation and setup</a>　→</div>
+
+# Support
+
+If you like what I built, you can say thanks by buying me a coffee! :)
+
+<link href="https://fonts.googleapis.com/css?family=Cookie" rel="stylesheet"><a class="bmc-button" target="_blank" href="https://www.buymeacoffee.com/mesqueeb"><img src="https://www.buymeacoffee.com/assets/img/BMC-btn-logo.svg" alt="Buy me a coffee"><span style="margin-left:5px">Buy me a coffee</span></a>
+
+Thank you so much!! Every little bit helps.

docs/feedback.md

@@ -8,7 +8,6 @@ Planned future features:
 - Documentation
   - Add other documentation languages
   - Improve 'patching' documentation for loaders/spinners
-- Make a blog post
 - Improve tests
   - test different configurations
   - use a firestore mock
@@ -21,7 +20,15 @@ Planned future features:
 
 Also be sure to check out the **sister vuex-plugin** [Vuex Easy Access](https://mesqueeb.github.io/vuex-easy-access)!
 
+# Support
+
+If you like what I built, you can say thanks by buying me a coffee! :)
+
+<link href="https://fonts.googleapis.com/css?family=Cookie" rel="stylesheet"><a class="bmc-button" target="_blank" href="https://www.buymeacoffee.com/mesqueeb"><img src="https://www.buymeacoffee.com/assets/img/BMC-btn-logo.svg" alt="Buy me a coffee"><span style="margin-left:5px">Buy me a coffee</span></a>
+
+Thank you so much!! Every little bit helps.
+
 --
 
 Happy Vuexing!<br>
--Luca Ban - Mesqueeb
+-Luca Ban