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

pages/doc.vue

@@ -303,11 +303,11 @@
 </style>
 
 <script>
-import AceEditor from "../components/ui/ace-editor"
+import AceEditor from "~/components/ui/ace-editor"
 
 export default {
   components: {
-    "pw-section": () => import("../components/layout/section"),
+    "pw-section": () => import("~/components/layout/section"),
     Editor: AceEditor,
   },
 

pages/graphql.vue

@@ -339,26 +339,26 @@
 <script>
 import axios from "axios"
 import * as gql from "graphql"
-import textareaAutoHeight from "../directives/textareaAutoHeight"
-import { commonHeaders } from "../functions/headers"
-import AceEditor from "../components/ui/ace-editor"
-import QueryEditor from "../components/graphql/queryeditor"
-import { getPlatformSpecialKey } from "~/functions/platformutils"
-import { sendNetworkRequest } from "../functions/network"
+import textareaAutoHeight from "~/directives/textareaAutoHeight"
+import { commonHeaders } from "~/helpers/headers"
+import AceEditor from "~/components/ui/ace-editor"
+import QueryEditor from "~/components/graphql/queryeditor"
+import { getPlatformSpecialKey } from "~/helpers/platformutils"
+import { sendNetworkRequest } from "~/helpers/network"
 
 export default {
   directives: {
     textareaAutoHeight,
   },
   components: {
-    "pw-section": () => import("../components/layout/section"),
-    "gql-field": () => import("../components/graphql/field"),
-    "gql-type": () => import("../components/graphql/type"),
-    autocomplete: () => import("../components/ui/autocomplete"),
+    "pw-section": () => import("~/components/layout/section"),
+    "gql-field": () => import("~/components/graphql/field"),
+    "gql-type": () => import("~/components/graphql/type"),
+    autocomplete: () => import("~/components/ui/autocomplete"),
     Editor: AceEditor,
     QueryEditor: QueryEditor,
-    tabs: () => import("../components/ui/tabs"),
-    tab: () => import("../components/ui/tab"),
+    tabs: () => import("~/components/ui/tabs"),
+    tab: () => import("~/components/ui/tab"),
   },
   data() {
     return {

pages/index.vue

@@ -1339,28 +1339,24 @@
 </template>
 
 <script>
-import section from "../components/layout/section"
+import section from "~/components/layout/section"
 import url from "url"
 import querystring from "querystring"
-import { commonHeaders } from "../functions/headers"
-import textareaAutoHeight from "../directives/textareaAutoHeight"
-import parseCurlCommand from "../assets/js/curlparser.js"
-import getEnvironmentVariablesFromScript from "../functions/preRequest"
-import runTestScriptWithVariables from "../functions/postwomanTesting"
-import parseTemplateString from "../functions/templating"
-import AceEditor from "../components/ui/ace-editor"
-import { tokenRequest, oauthRedirect } from "../assets/js/oauth"
-import { cancelRunningRequest, sendNetworkRequest } from "../functions/network"
-import { fb } from "../functions/fb"
-import { getEditorLangForMimeType } from "~/functions/editorutils"
-import {
-  hasPathParams,
-  addPathParamsToVariables,
-  getQueryParams,
-} from "../functions/requestParams.js"
-import { parseUrlAndPath } from "../functions/utils/uri.js"
-import { httpValid } from "../functions/utils/valid"
-import { knownContentTypes, isJSONContentType } from "../functions/utils/contenttypes"
+import { commonHeaders } from "~/helpers/headers"
+import textareaAutoHeight from "~/directives/textareaAutoHeight"
+import parseCurlCommand from "~/assets/js/curlparser.js"
+import getEnvironmentVariablesFromScript from "~/helpers/preRequest"
+import runTestScriptWithVariables from "~/helpers/postwomanTesting"
+import parseTemplateString from "~/helpers/templating"
+import AceEditor from "~/components/ui/ace-editor"
+import { tokenRequest, oauthRedirect } from "~/assets/js/oauth"
+import { cancelRunningRequest, sendNetworkRequest } from "~/helpers/network"
+import { fb } from "~/helpers/fb"
+import { getEditorLangForMimeType } from "~/helpers/editorutils"
+import { hasPathParams, addPathParamsToVariables, getQueryParams } from "~/helpers/requestParams.js"
+import { parseUrlAndPath } from "~/helpers/utils/uri.js"
+import { httpValid } from "~/helpers/utils/valid"
+import { knownContentTypes, isJSONContentType } from "~/helpers/utils/contenttypes"
 
 const statusCategories = [
   {
@@ -1417,19 +1413,19 @@ export default {
   },
   components: {
     "pw-section": section,
-    "pw-toggle": () => import("../components/ui/toggle"),
-    "pw-modal": () => import("../components/ui/modal"),
-    autocomplete: () => import("../components/ui/autocomplete"),
-    history: () => import("../components/layout/history"),
-    collections: () => import("../components/collections"),
-    saveRequestAs: () => import("../components/collections/saveRequestAs"),
+    "pw-toggle": () => import("~/components/ui/toggle"),
+    "pw-modal": () => import("~/components/ui/modal"),
+    autocomplete: () => import("~/components/ui/autocomplete"),
+    history: () => import("~/components/layout/history"),
+    collections: () => import("~/components/collections"),
+    saveRequestAs: () => import("~/components/collections/saveRequestAs"),
     Editor: AceEditor,
-    environments: () => import("../components/environments"),
-    inputform: () => import("../components/firebase/inputform"),
-    notes: () => import("../components/firebase/feeds"),
-    login: () => import("../components/firebase/login"),
-    tabs: () => import("../components/ui/tabs"),
-    tab: () => import("../components/ui/tab"),
+    environments: () => import("~/components/environments"),
+    inputform: () => import("~/components/firebase/inputform"),
+    notes: () => import("~/components/firebase/feeds"),
+    login: () => import("~/components/firebase/login"),
+    tabs: () => import("~/components/ui/tabs"),
+    tab: () => import("~/components/ui/tab"),
   },
   data() {
     return {

pages/realtime.vue

@@ -25,13 +25,13 @@
 <script>
 export default {
   components: {
-    "pw-section": () => import("../components/layout/section"),
-    tabs: () => import("../components/ui/tabs"),
-    tab: () => import("../components/ui/tab"),
-    websocket: () => import("../components/realtime/websocket"),
-    sse: () => import("../components/realtime/sse"),
-    socketio: () => import("../components/realtime/socketio"),
-    mqtt: () => import("../components/realtime/mqtt"),
+    "pw-section": () => import("~/components/layout/section"),
+    tabs: () => import("~/components/ui/tabs"),
+    tab: () => import("~/components/ui/tab"),
+    websocket: () => import("~/components/realtime/websocket"),
+    sse: () => import("~/components/realtime/sse"),
+    socketio: () => import("~/components/realtime/socketio"),
+    mqtt: () => import("~/components/realtime/mqtt"),
   },
 }
 </script>

pages/settings.vue

@@ -209,15 +209,15 @@
 
 <script>
 import firebase from "firebase/app"
-import { fb } from "../functions/fb"
+import { fb } from "~/helpers/fb"
 
 export default {
   components: {
-    "pw-section": () => import("../components/layout/section"),
-    "pw-toggle": () => import("../components/ui/toggle"),
-    swatch: () => import("../components/settings/swatch"),
-    login: () => import("../components/firebase/login"),
-    logout: () => import("../components/firebase/logout"),
+    "pw-section": () => import("~/components/layout/section"),
+    "pw-toggle": () => import("~/components/ui/toggle"),
+    swatch: () => import("~/components/settings/swatch"),
+    login: () => import("~/components/firebase/login"),
+    logout: () => import("~/components/firebase/logout"),
   },
 
   data() {