Move import of RxJS operators.

ReactiveX/rxjs#6488

web/frontend/src/composables/influx-chart.ts

@@ -8,9 +8,8 @@ import type { VNode } from "vue"
 import { computed, h, reactive, toRefs } from "@vue/composition-api"
 import { from, useSubscription } from "@vueuse/rxjs"
 import merge from "lodash/merge"
-import { of, timer } from "rxjs"
+import { catchError, map, of, switchMap, timer } from "rxjs"
 import { fromFetch } from "rxjs/fetch"
-import { catchError, map, switchMap } from "rxjs/operators"
 import ApexChart from "vue-apexcharts"
 import { VAlert, VOverlay, VProgressCircular } from "vuetify/lib"
 

web/frontend/src/stores/influxdb.ts

@@ -1,7 +1,6 @@
 import { defineStore } from "pinia"
-import { of, timer } from "rxjs"
+import { catchError, map, of, timer, timeout, switchMap } from "rxjs"
 import { fromFetch } from "rxjs/fetch"
-import { catchError, map, timeout, switchMap } from "rxjs/operators"
 
 import { apiUrl } from "@/common"
 

web/frontend/src/stores/opcua.ts

@@ -8,17 +8,20 @@ import type {
 
 import Centrifuge from "centrifuge"
 import { defineStore } from "pinia"
-import { concat, fromEvent, merge, of } from "rxjs"
 import {
   catchError,
+  concat,
   delay,
   distinctUntilChanged,
   filter,
   first,
+  fromEvent,
   map,
   mapTo,
+  merge,
+  of,
   timeout,
-} from "rxjs/operators"
+} from "rxjs"
 
 import {
   LinkStatus,