Spinner class in own .js library file

client/components/lists/listBody.js

@@ -1,4 +1,4 @@
-import { Spinner } from '/client/components/main/spinner';
+import { Spinner } from '/client/lib/spinner';
 
 const subManager = new SubsManager();
 const InfiniteScrollIter = 10;

client/components/main/spinner.js

@@ -1,24 +1,4 @@
-Meteor.subscribe('setting');
+import { Spinner } from '/client/lib/spinner';
-
-export class Spinner extends BlazeComponent {
-  currentSettings() {
-    return Settings.findOne();
-  }
-
-  getSpinnerName() {
-    let ret = 'Bounce';
-    let settings = this.currentSettings();
-
-    if (settings && settings.spinnerName) {
-      ret = settings.spinnerName;
-    }
-    return ret;
-  }
-
-  getSpinnerTemplate() {
-    return 'spinner' + this.getSpinnerName();
-  }
-}
 
 (class extends Spinner {
 }.register('spinner'));

client/lib/spinner.js

@@ -0,0 +1,21 @@
+Meteor.subscribe('setting');
+
+export class Spinner extends BlazeComponent {
+  currentSettings() {
+    return Settings.findOne();
+  }
+
+  getSpinnerName() {
+    let ret = 'Bounce';
+    let settings = this.currentSettings();
+
+    if (settings && settings.spinnerName) {
+      ret = settings.spinnerName;
+    }
+    return ret;
+  }
+
+  getSpinnerTemplate() {
+    return 'spinner' + this.getSpinnerName();
+  }
+}