#85773 domains section tabs order fixed

src/nginxconfig/templates/app.vue

@@ -61,7 +61,10 @@ THE SOFTWARE.
 
                     <div class="tabs">
                         <ul>
-                            <li v-for="data in activeDomains" :class="data[1] === active ? 'is-active' : undefined">
+                            <li v-for="data in activeDomains"
+                                :key="data[0].server.domain.computed"
+                                :class="data[1] === active ? 'is-active' : undefined"
+                            >
                                 <a class="domain" @click="active = data[1]">
                                     {{ data[0].server.domain.computed }}{{ changes(data[1]) }}
                                 </a>

src/nginxconfig/templates/domain.vue

@@ -33,7 +33,10 @@ THE SOFTWARE.
         <div class="panel">
             <div class="tabs">
                 <ul>
-                    <li v-for="tab in tabs" :class="tabClass(tab.key)">
+                    <li v-for="tab in tabs"
+                        :key="tab.key"
+                        :class="tabClass(tab.key)"
+                    >
                         <a @click="showTab(tab.key)">{{ $t(tab.display) }}{{ changes(tab.key) }}</a>
                     </li>
                 </ul>
@@ -63,9 +66,9 @@ THE SOFTWARE.
     import analytics from '../util/analytics';
     import isChanged from '../util/is_changed';
     import Presets from './domain_sections/presets';
-    import * as Sections from './domain_sections';
+    import Sections from './domain_sections';
 
-    const tabs = Object.values(Sections);
+    const tabs = Sections;
     const delegated = {
         hasUserInteraction: false,
         presets: Presets.delegated,

src/nginxconfig/templates/domain_sections/index.js

@@ -24,12 +24,24 @@ OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
 THE SOFTWARE.
 */
 
-export { default as Server } from './server';
+import Server from './server';
-export { default as HTTPS } from './https';
+import HTTPS from './https';
-export { default as PHP } from './php';
+import PHP from './php';
-export { default as Python } from './python';
+import Python from './python';
-export { default as ReverseProxy } from './reverse_proxy';
+import ReverseProxy from './reverse_proxy';
-export { default as Routing } from './routing';
+import Routing from './routing';
-export { default as Logging } from './logging';
+import Logging from './logging';
-export { default as Restrict } from './restrict';
+import Restrict from './restrict';
-export { default as Onion } from './onion';
+import Onion from './onion';
+
+export default [
+    Server,
+    HTTPS,
+    PHP,
+    Python,
+    ReverseProxy,
+    Routing,
+    Logging,
+    Restrict,
+    Onion,
+];

src/nginxconfig/templates/global.vue

@@ -28,7 +28,10 @@ THE SOFTWARE.
     <div class="panel">
         <div class="tabs">
             <ul>
-                <li v-for="tab in tabs" :class="tabClass(tab.key)">
+                <li v-for="tab in tabs"
+                    :key="tab.key"
+                    :class="tabClass(tab.key)"
+                >
                     <a @click="showTab(tab.key)">{{ $t(tab.display) }}{{ changes(tab.key) }}</a>
                 </li>
             </ul>

src/nginxconfig/templates/setup.vue

@@ -29,7 +29,10 @@ THE SOFTWARE.
         <div class="panel">
             <div class="tabs">
                 <ul>
-                    <li v-for="tab in tabs" :class="tabClass(tab.key)">
+                    <li v-for="tab in tabs"
+                        :key="tab.key"
+                        :class="tabClass(tab.key)"
+                    >
                         <a @click="showTab(tab.key)">{{ $t(tab.display) }}</a>
                     </li>
                 </ul>