feat: better route determination - fixed #1732

pages/doc.vue

@@ -2,7 +2,7 @@
   <div class="page">
     <div class="content">
       <div class="page-columns inner-left">
-        <AppSection ref="import" :label="$t('import')">
+        <AppSection label="import">
           <div class="flex flex-col">
             <label>{{ $t("collection") }}</label>
             <p class="info">
@@ -55,7 +55,7 @@
           </div>
         </AppSection>
 
-        <AppSection ref="documentation" :label="$t('documentation')">
+        <AppSection label="documentation">
           <div class="flex flex-col">
             <label>{{ $t("documentation") }}</label>
             <p v-if="items.length === 0" class="info">

pages/graphql.vue

@@ -2,7 +2,7 @@
   <div class="page">
     <div class="content">
       <div class="page-columns inner-left">
-        <AppSection ref="endpoint" :label="$t('endpoint')">
+        <AppSection label="endpoint">
           <ul>
             <li>
               <label for="url">{{ $t("url") }}</label>
@@ -37,7 +37,7 @@
           </ul>
         </AppSection>
 
-        <AppSection ref="headers" :label="$t('headers')">
+        <AppSection label="headers">
           <div class="flex flex-col">
             <label>{{ $t("headers") }}</label>
             <ul v-if="headers.length !== 0">
@@ -150,7 +150,7 @@
           </div>
         </AppSection>
 
-        <AppSection ref="schema" :label="$t('schema')">
+        <AppSection label="schema">
           <div class="row-wrapper">
             <label>{{ $t("schema") }}</label>
             <div v-if="schema">
@@ -212,7 +212,7 @@
           />
         </AppSection>
 
-        <AppSection ref="query" :label="$t('query')">
+        <AppSection label="query">
           <div class="row-wrapper gqlRunQuery">
             <label for="gqlQuery">{{ $t("query") }}</label>
             <div>
@@ -266,7 +266,7 @@
           />
         </AppSection>
 
-        <AppSection ref="variables" :label="$t('variables')">
+        <AppSection label="variables">
           <div class="flex flex-col">
             <label>{{ $t("variables") }}</label>
             <SmartAceEditor
@@ -285,7 +285,7 @@
           </div>
         </AppSection>
 
-        <AppSection ref="response" :label="$t('response')">
+        <AppSection label="response">
           <div class="flex flex-col">
             <label>{{ $t("response") }}</label>
             <div class="row-wrapper">
@@ -347,7 +347,7 @@
         >
           <SmartTabs>
             <SmartTab :id="'docs'" :label="`Docs`" :selected="true">
-              <AppSection ref="docs" :label="$t('docs')">
+              <AppSection label="docs">
                 <section class="flex-col">
                   <input
                     v-model="graphqlFieldsFilterText"

pages/index.vue

@@ -3,7 +3,7 @@
   <div class="page">
     <div class="content">
       <div class="page-columns inner-left">
-        <AppSection :label="$t('request')" ref="request">
+        <AppSection label="request">
           <ul>
             <li class="shrink">
               <label for="method">{{ $t("method") }}</label>
@@ -253,7 +253,7 @@
             </SmartTab>
 
             <SmartTab :id="'authentication'" :label="$t('authentication')">
-              <AppSection :label="$t('authentication')" ref="authentication">
+              <AppSection label="authentication">
                 <ul>
                   <li>
                     <div class="row-wrapper">
@@ -352,11 +352,7 @@
                 </div>
               </AppSection>
 
-              <AppSection
-                v-if="showTokenRequest"
-                label="Access Token Request"
-                ref="accessTokenRequest"
-              >
+              <AppSection v-if="showTokenRequest" label="accessTokenRequest">
                 <ul>
                   <li>
                     <div class="row-wrapper">
@@ -478,11 +474,7 @@
               :id="'pre_request_script'"
               :label="$t('pre_request_script')"
             >
-              <AppSection
-                v-if="showPreRequestScript"
-                :label="$t('pre_request_script')"
-                ref="preRequest"
-              >
+              <AppSection v-if="showPreRequestScript" label="preRequest">
                 <ul>
                   <li>
                     <div class="row-wrapper">
@@ -518,11 +510,7 @@
             </SmartTab>
 
             <SmartTab :id="'tests'" :label="$t('tests')">
-              <AppSection
-                v-if="testsEnabled"
-                :label="$t('tests')"
-                ref="postRequestTests"
-              >
+              <AppSection v-if="testsEnabled" label="postRequestTests">
                 <ul>
                   <li>
                     <div class="row-wrapper">

pages/settings.vue

@@ -4,7 +4,7 @@
       <Teams />
     </div>
 
-    <AppSection ref="account" :label="$t('account')">
+    <AppSection label="account">
       <div class="flex flex-col">
         <label>{{ $t("account") }}</label>
         <div v-if="currentUser">
@@ -67,7 +67,7 @@
       </div>
     </AppSection>
 
-    <AppSection ref="theme" :label="$t('theme')">
+    <AppSection label="theme">
       <div class="flex flex-col">
         <label>{{ $t("theme") }}</label>
         <SmartColorModePicker />
@@ -84,7 +84,7 @@
       </div>
     </AppSection>
 
-    <AppSection ref="extensions" :label="$t('extensions')">
+    <AppSection label="extensions">
       <div class="flex flex-col">
         <label>{{ $t("extensions") }}</label>
         <div class="row-wrapper">
@@ -106,7 +106,7 @@
       </div>
     </AppSection>
 
-    <AppSection ref="proxy" :label="$t('proxy')">
+    <AppSection label="proxy">
       <div class="flex flex-col">
         <label>{{ $t("proxy") }}</label>
         <div class="row-wrapper">
@@ -177,7 +177,7 @@
       -->
     </AppSection>
 
-    <AppSection ref="experiments" :label="$t('experiments')">
+    <AppSection label="experiments">
       <div class="flex flex-col">
         <label>{{ $t("experiments") }}</label>
         <p class="info">