Isolate Netlify, Firebase and Helper functions + Import from absolute paths

components/collections/addCollection.vue

@@ -43,14 +43,14 @@
 </template>
 
 <script>
-import { fb } from "../../functions/fb"
+import { fb } from "~/helpers/fb"
 
 export default {
   props: {
     show: Boolean,
   },
   components: {
-    modal: () => import("../../components/ui/modal"),
+    modal: () => import("~/components/ui/modal"),
   },
   data() {
     return {

components/collections/addFolder.vue

@@ -43,7 +43,7 @@
 </template>
 
 <script>
-import { fb } from "../../functions/fb"
+import { fb } from "~/helpers/fb"
 
 export default {
   props: {
@@ -52,7 +52,7 @@ export default {
     collectionIndex: Number,
   },
   components: {
-    modal: () => import("../../components/ui/modal"),
+    modal: () => import("~/components/ui/modal"),
   },
   data() {
     return {

components/collections/collection.vue

@@ -87,7 +87,7 @@ ul li {
 </style>
 
 <script>
-import { fb } from "../../functions/fb"
+import { fb } from "~/helpers/fb"
 
 export default {
   components: {

components/collections/editCollection.vue

@@ -43,7 +43,7 @@
 </template>
 
 <script>
-import { fb } from "../../functions/fb"
+import { fb } from "~/helpers/fb"
 
 export default {
   props: {
@@ -52,7 +52,7 @@ export default {
     editingCollectionIndex: Number,
   },
   components: {
-    modal: () => import("../../components/ui/modal"),
+    modal: () => import("~/components/ui/modal"),
   },
   data() {
     return {

components/collections/editFolder.vue

@@ -38,7 +38,7 @@
 </template>
 
 <script>
-import { fb } from "../../functions/fb"
+import { fb } from "~/helpers/fb"
 
 export default {
   props: {
@@ -49,7 +49,7 @@ export default {
     folderIndex: Number,
   },
   components: {
-    modal: () => import("../../components/ui/modal"),
+    modal: () => import("~/components/ui/modal"),
   },
   data() {
     return {

components/collections/editRequest.vue

@@ -69,7 +69,7 @@
 </template>
 
 <script>
-import { fb } from "../../functions/fb"
+import { fb } from "~/helpers/fb"
 
 export default {
   props: {
@@ -80,7 +80,7 @@ export default {
     requestIndex: Number,
   },
   components: {
-    modal: () => import("../../components/ui/modal"),
+    modal: () => import("~/components/ui/modal"),
   },
   data() {
     return {

components/collections/folder.vue

@@ -70,7 +70,7 @@ ul li {
 </style>
 
 <script>
-import { fb } from "../../functions/fb"
+import { fb } from "~/helpers/fb"
 
 export default {
   props: {

components/collections/importExportCollections.vue

@@ -76,7 +76,7 @@
 </template>
 
 <script>
-import { fb } from "../../functions/fb"
+import { fb } from "~/helpers/fb"
 
 export default {
   data() {
@@ -88,7 +88,7 @@ export default {
     show: Boolean,
   },
   components: {
-    modal: () => import("../../components/ui/modal"),
+    modal: () => import("~/components/ui/modal"),
   },
   computed: {
     collectionJson() {

components/collections/index.vue

@@ -103,7 +103,7 @@ ul {
 
 <script>
 import collection from "./collection"
-import { fb } from "../../functions/fb"
+import { fb } from "~/helpers/fb"
 
 export default {
   components: {

components/collections/request.vue

@@ -42,7 +42,7 @@ ul li {
 </style>
 
 <script>
-import { fb } from "../../functions/fb"
+import { fb } from "~/helpers/fb"
 
 export default {
   props: {

components/collections/saveRequestAs.vue

@@ -78,7 +78,7 @@
 </template>
 
 <script>
-import { fb } from "../../functions/fb"
+import { fb } from "~/helpers/fb"
 
 export default {
   props: {
@@ -86,7 +86,7 @@ export default {
     editingRequest: Object,
   },
   components: {
-    modal: () => import("../../components/ui/modal"),
+    modal: () => import("~/components/ui/modal"),
   },
   data() {
     return {

components/environments/addEnvironment.vue

@@ -43,14 +43,14 @@
 </template>
 
 <script>
-import { fb } from "../../functions/fb"
+import { fb } from "~/helpers/fb"
 
 export default {
   props: {
     show: Boolean,
   },
   components: {
-    modal: () => import("../../components/ui/modal"),
+    modal: () => import("~/components/ui/modal"),
   },
   data() {
     return {

components/environments/editEnvironment.vue

@@ -114,8 +114,8 @@
 </template>
 
 <script>
-import textareaAutoHeight from "../../directives/textareaAutoHeight"
-import { fb } from "../../functions/fb"
+import textareaAutoHeight from "~/directives/textareaAutoHeight"
+import { fb } from "~/helpers/fb"
 
 export default {
   directives: {
@@ -127,7 +127,7 @@ export default {
     editingEnvironmentIndex: Number,
   },
   components: {
-    modal: () => import("../../components/ui/modal"),
+    modal: () => import("~/components/ui/modal"),
   },
   data() {
     return {

components/environments/environment.vue

@@ -42,7 +42,7 @@ ul li {
 </style>
 
 <script>
-import { fb } from "../../functions/fb"
+import { fb } from "~/helpers/fb"
 
 export default {
   props: {

components/environments/importExportEnvironment.vue

@@ -76,7 +76,7 @@
 </template>
 
 <script>
-import { fb } from "../../functions/fb"
+import { fb } from "~/helpers/fb"
 
 export default {
   data() {
@@ -88,7 +88,7 @@ export default {
     show: Boolean,
   },
   components: {
-    modal: () => import("../../components/ui/modal"),
+    modal: () => import("~/components/ui/modal"),
   },
   computed: {
     environmentJson() {

components/environments/index.vue

@@ -58,7 +58,7 @@ ul {
 
 <script>
 import environment from "./environment"
-import { fb } from "../../functions/fb"
+import { fb } from "~/helpers/fb"
 
 export default {
   components: {

components/firebase/feeds.vue

@@ -49,7 +49,7 @@ ol {
 </style>
 
 <script>
-import { fb } from "../../functions/fb"
+import { fb } from "~/helpers/fb"
 
 export default {
   data() {

components/firebase/inputform.vue

@@ -46,7 +46,7 @@ ol {
 </style>
 
 <script>
-import { fb } from "../../functions/fb"
+import { fb } from "~/helpers/fb"
 
 export default {
   data() {

components/firebase/login.vue

@@ -37,7 +37,7 @@
 
 <script>
 import firebase from "firebase/app"
-import { fb } from "../../functions/fb"
+import { fb } from "~/helpers/fb"
 
 export default {
   data() {

components/firebase/logout.vue

@@ -9,7 +9,7 @@
 
 <script>
 import firebase from "firebase/app"
-import { fb } from "../../functions/fb"
+import { fb } from "~/helpers/fb"
 
 export default {
   data() {

components/graphql/queryeditor.vue

@@ -25,11 +25,11 @@ import ace from "ace-builds"
 import "ace-builds/webpack-resolver"
 import "ace-builds/src-noconflict/ext-language_tools"
 import "ace-builds/src-noconflict/mode-graphqlschema"
-import { defineGQLLanguageMode } from "~/functions/syntax/gqlQueryLangMode"
+import { defineGQLLanguageMode } from "~/helpers/syntax/gqlQueryLangMode"
 
 import * as gql from "graphql"
 import { getAutocompleteSuggestions } from "graphql-language-service-interface"
-import debounce from "../../functions/utils/debounce"
+import debounce from "~/helpers/utils/debounce"
 
 export default {
   props: {

components/layout/header.vue

@@ -282,15 +282,15 @@
 </style>
 
 <script>
-import intializePwa from "../../assets/js/pwa"
+import intializePwa from "~/assets/js/pwa"
 import {
   hasExtensionInstalled,
   hasChromeExtensionInstalled,
   hasFirefoxExtensionInstalled,
-} from "../../functions/strategies/ExtensionStrategy"
-import { getPlatformSpecialKey } from "../../functions/platformutils"
+} from "~/helpers/strategies/ExtensionStrategy"
+import { getPlatformSpecialKey } from "~/helpers/platformutils"
 import firebase from "firebase/app"
-import { fb } from "../../functions/fb"
+import { fb } from "~/helpers/fb"
 
 export default {
   components: {

components/layout/history.vue

@@ -306,8 +306,8 @@ ol {
 </style>
 
 <script>
-import { findStatusGroup } from "../../pages/index"
-import { fb } from "../../functions/fb"
+import { findStatusGroup } from "~/pages/index"
+import { fb } from "~/helpers/fb"
 
 const updateOnLocalStorage = (propertyName, property) =>
   window.localStorage.setItem(propertyName, JSON.stringify(property))

components/realtime/log.vue

@@ -40,7 +40,7 @@ div.realtime-log {
 </style>
 
 <script>
-import { getSourcePrefix } from "~/functions/utils/string"
+import { getSourcePrefix } from "~/helpers/utils/string"
 
 export default {
   props: ["log", "title"],

components/realtime/mqtt.vue

@@ -70,11 +70,11 @@
 
 <script>
 import Paho from "paho-mqtt"
-import { wsValid } from "~/functions/utils/valid"
+import { wsValid } from "~/helpers/utils/valid"
 
 export default {
   components: {
-    "pw-section": () => import("../../components/layout/section"),
+    "pw-section": () => import("~/components/layout/section"),
     realtimeLog: () => import("./log"),
   },
   data: function () {

components/realtime/socketio.vue

@@ -76,13 +76,13 @@
 </template>
 
 <script>
-import { socketioValid } from "~/functions/utils/valid"
+import { socketioValid } from "~/helpers/utils/valid"
 import io from "socket.io-client"
 import wildcard from "socketio-wildcard"
 
 export default {
   components: {
-    "pw-section": () => import("../../components/layout/section"),
+    "pw-section": () => import("~/components/layout/section"),
     realtimeLog: () => import("./log"),
   },
   data() {

components/realtime/sse.vue

@@ -40,7 +40,7 @@
 </template>
 
 <script>
-import { httpValid } from "~/functions/utils/valid"
+import { httpValid } from "~/helpers/utils/valid"
 
 export default {
   components: {

components/realtime/websocket.vue

@@ -66,7 +66,7 @@
 </template>
 
 <script>
-import { wsValid } from "~/functions/utils/valid"
+import { wsValid } from "~/helpers/utils/valid"
 
 export default {
   components: {

components/ui/ace-editor.vue

@@ -23,8 +23,8 @@ const DEFAULT_THEME = "twilight"
 
 import ace from "ace-builds"
 import "ace-builds/webpack-resolver"
-import jsonParse from "../../functions/jsonParse"
-import debounce from "../../functions/utils/debounce"
+import jsonParse from "~/helpers/jsonParse"
+import debounce from "~/helpers/utils/debounce"
 
 export default {
   props: {