Merge pull request #14 from NOPR9D/20211205_fixissueFixunpkgLin

20211205 remove forceUpdate with mixins | fix unpkg links

Author: NOPR9D ☄️

README.md

@@ -45,7 +45,7 @@ To use in a browser environment, use the UMD build `dist/vue-next-rx.js`. When i
 Example:
 
 ```html
-<script src="https://unpkg.com/rxjs/bundles/rxjs.umd.js"></script>
+<script src="https://unpkg.com/rxjs@^7/dist/bundles/rxjs.umd.min.js"></script>
 <script src="https://unpkg.com/vue@next"></script>
 <script src="../dist/vue-next-rx.js"></script>
 ```

example/createObservableMethod.html

@@ -1,6 +1,6 @@
 <!-- this demo requires a browser that natively supports ES2015 -->
 
-<script src="https://unpkg.com/rxjs/bundles/rxjs.umd.js"></script>
+<script src="https://unpkg.com/rxjs@^7/dist/bundles/rxjs.umd.min.js"></script>
 <script src="https://unpkg.com/vue@next"></script>
 <script src="../dist/vue-next-rx.js"></script>
 <div id="app">

example/fromDom.html

@@ -1,6 +1,6 @@
 <!-- this demo requires a browser that natively supports ES2015 -->
 
-<script src="https://unpkg.com/rxjs/bundles/rxjs.umd.js"></script>
+<script src="https://unpkg.com/rxjs@^7/dist/bundles/rxjs.umd.min.js"></script>
 <script src="https://unpkg.com/vue@next"></script>
 <script src="../dist/vue-next-rx.js"></script>
 <div id="app">

example/ref.html

@@ -1,6 +1,6 @@
 <!-- this demo requires a browser that natively supports ES2015 -->
 
-<script src="https://unpkg.com/rxjs/bundles/rxjs.umd.js"></script>
+<script src="https://unpkg.com/rxjs@^7/dist/bundles/rxjs.umd.min.js"></script>
 <script src="https://unpkg.com/vue@next"></script>
 <script src="../dist/vue-next-rx.js"></script>
 <div id="app">

example/subscribeTo.html

@@ -1,6 +1,6 @@
 <!-- this demo requires a browser that natively supports ES2015 -->
 
-<script src="https://unpkg.com/rxjs/bundles/rxjs.umd.js"></script>
+<script src="https://unpkg.com/rxjs@^7/dist/bundles/rxjs.umd.min.js"></script>
 <script src="https://unpkg.com/vue@next"></script>
 <script src="../dist/vue-next-rx.js"></script>
 <div id="app">

example/vStream.html

@@ -1,6 +1,6 @@
 <!-- this demo requires a browser that natively supports ES2015 -->
 
-<script src="https://unpkg.com/rxjs/bundles/rxjs.umd.js"></script>
+<script src="https://unpkg.com/rxjs@^7/dist/bundles/rxjs.umd.min.js"></script>
 <script src="https://unpkg.com/vue@next"></script>
 <script src="../dist/vue-next-rx.js"></script>
 <div id="app">

example/vStream2.html

@@ -1,6 +1,6 @@
 <!-- this demo requires a browser that natively supports ES2015 -->
 
-<script src="https://unpkg.com/rxjs/bundles/rxjs.umd.js"></script>
+<script src="https://unpkg.com/rxjs@^7/dist/bundles/rxjs.umd.min.js"></script>
 <script src="https://unpkg.com/vue@next"></script>
 <script src="../dist/vue-next-rx.js"></script>
 <div id="app">

example/watch.html

@@ -1,6 +1,6 @@
 <!-- this demo requires a browser that natively supports ES2015 -->
 
-<script src="https://unpkg.com/rxjs/bundles/rxjs.umd.js"></script>
+<script src="https://unpkg.com/rxjs@^7/dist/bundles/rxjs.umd.min.js"></script>
 <script src="https://unpkg.com/vue@next"></script>
 <script src="../dist/vue-next-rx.js"></script>
 <div id="app">

example/watchAsObservable.html

@@ -1,6 +1,6 @@
 <!-- this demo requires a browser that natively supports ES2015 -->
 
-<script src="https://unpkg.com/rxjs/bundles/rxjs.umd.js"></script>
+<script src="https://unpkg.com/rxjs@^7/dist/bundles/rxjs.umd.min.js"></script>
 <script src="https://unpkg.com/vue@next"></script>
 <script src="../dist/vue-next-rx.js"></script>
 <div id="app">

src/mixin.js

@@ -7,22 +7,20 @@ export default {
     const domStreams = vm.$options.domStreams;
 
     if (domStreams) {
-      domStreams.forEach(key => {
+      domStreams.forEach((key) => {
         vm[key] = new Subject();
       });
     }
-
     const observableMethods = vm.$options.observableMethods;
     if (observableMethods) {
       if (Array.isArray(observableMethods)) {
-        observableMethods.forEach(methodName => {
+        observableMethods.forEach((methodName) => {
           vm[methodName + "$"] = vm.$createObservableMethod(methodName);
         });
       } else {
-        Object.keys(observableMethods).forEach(methodName => {
-          vm[observableMethods[methodName]] = vm.$createObservableMethod(
-            methodName
-          );
+        Object.keys(observableMethods).forEach((methodName) => {
+          vm[observableMethods[methodName]] =
+            vm.$createObservableMethod(methodName);
         });
       }
     }
@@ -34,7 +32,7 @@ export default {
     if (obs) {
       vm.$observables = {};
       vm._subscription = new Subscription();
-      Object.keys(obs).forEach(key => {
+      Object.keys(obs).forEach((key) => {
         vm[key] = undefined;
         const ob = (vm.$observables[key] = obs[key]);
         if (!isObservable(ob)) {
@@ -48,11 +46,11 @@ export default {
         }
         vm._subscription.add(
           obs[key].subscribe(
-            value => {
+            (value) => {
               vm[key] = value;
-              this.$forceUpdate();
+              vm = { ...vm };
             },
-            error => {
+            (error) => {
               throw error;
             }
           )
@@ -65,5 +63,5 @@ export default {
     if (this._subscription) {
       this._subscription.unsubscribe();
     }
-  }
+  },
 };