Merge pull request #18 from NOPR9D/20211205_clean

clean

Author: NOPR9D ☄️

README.md

@@ -4,7 +4,7 @@
 <img src="https://i.ibb.co/q5267TX/maxresdefault-2.jpg" width="25%" />
 </div>
 
-### [RxJS v6](https://github.com/ReactiveX/rxjs) integration for [Vue next]()
+### [RxJS v7](https://github.com/ReactiveX/rxjs) integration for [Vue next]()
 
 </br>
 
@@ -14,8 +14,13 @@
 <br>
 
 
-# Update 1.0.8
-Now using Rxjs v7
+# Update 1.0.9
+- Now using Rxjs v7
+- Fix undefined in case of created hook
+
+---
+<br/>
+---
 
 > **NOTE**
 >
@@ -331,6 +336,24 @@ Test look goods, feel free to open an issue !
 
 ---
 
+### Contributors
+
+<div align="center" style="display:flex;" >
+<div  style="display:flex; flex-direction:row;align-items:center;width:50%;">
+<a href="https://github.com/NOPR9D">
+<img style="border-radius:100px; margin:auto;" src="https://avatars.githubusercontent.com/u/75882457?v=4" width="25%" />
+<div>NOPR9D</div></a>
+</div>
+<div style="display:flex; flex-direction:row;align-items:center; width:50%;" >
+<a href="https://github.com/AlvinTCH">
+<img style="border-radius:100px; margin:auto;" src="https://avatars.githubusercontent.com/u/48837852?v=4" width="25%" />
+<div>AlvinTCH</div>
+</a>
+</div>
+</div>
+
+---
+
 ## License
 
 [MIT](http://opensource.org/licenses/MIT)

example/subscribeTo.html

@@ -17,4 +17,4 @@
     },
   }).use(VueNextRx);
   app.mount("#app");
-</script>
+</script>

src/mixin.js

@@ -1,8 +1,7 @@
-import { warn } from "./util";
+import { uuidv4, warn } from "./util";
 import { Subject, Subscription, isObservable } from "rxjs";
 import { getCurrentInstance } from "vue";
 
-import { v4 as uuidv4 } from "uuid";
 export default {
   created() {
     var vm = this;
@@ -51,11 +50,11 @@ export default {
           obs[key].subscribe(
             (value) => {
               vm[key] = value;
-              const currentInst = getCurrentInstance();
-              const newKey = uuidv4();
               try {
                 vm.$forceUpdate();
               } catch (e) {
+                const currentInst = getCurrentInstance();
+                const newKey = uuidv4();
                 // try to force new key if force update fails (usually fails when it is created on created hook)
                 if (currentInst && currentInst.vnode) {
                   currentInst.vnode.key = newKey;

src/util.js

@@ -18,3 +18,12 @@ export function defineReactive(vm, key, val) {
 export function getKey(binding) {
   return [binding.arg].concat(Object.keys(binding.modifiers)).join(":");
 }
+
+export function uuidv4() {
+  return ([1e7] + -1e3 + -4e3 + -8e3 + -1e11).replace(/[018]/g, (c) =>
+    (
+      c ^
+      (crypto.getRandomValues(new Uint8Array(1))[0] & (15 >> (c / 4)))
+    ).toString(16)
+  );
+}