From b1cacb27780317ee8052c162fe75a1b111674e19 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tu=C4=9F=C3=A7e=20K=C3=BC=C3=A7=C3=BCko=C4=9Flu?=
 <tugcekucukoglu.860@gmail.com>
Date: Mon, 20 Mar 2023 12:59:03 +0300
Subject: [PATCH] Switch examples options to composition

---
 layouts/doc/DocSectionCode.vue | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/layouts/doc/DocSectionCode.vue b/layouts/doc/DocSectionCode.vue
index 26d6094db..e67305ef8 100644
--- a/layouts/doc/DocSectionCode.vue
+++ b/layouts/doc/DocSectionCode.vue
@@ -2,23 +2,23 @@
     <div class="relative doc-section-code">
         <div class="flex surface-card align-items-center justify-content-end absolute z-2" :style="{ right: '.75rem', top: '.75rem', gap: '.75rem' }">
             <template v-if="codeMode !== 'basic' && !hideToggleCode">
-                <Button
-                    :class="['p-button-rounded p-button-text p-button-plain p-0 inline-flex align-items-center justify-content-center', { 'doc-section-code-active text-primary': codeLang === 'javascript' }]"
-                    label="Options API"
-                    @click="codeLang = 'options'"
-                ></Button>
                 <Button
                     :class="['p-button-rounded p-button-text p-button-plain p-0 inline-flex align-items-center justify-content-center', { 'doc-section-code-active text-primary': codeLang === 'typescript' }]"
                     label="Composition API"
                     @click="codeLang = 'composition'"
                 ></Button>
+                <Button
+                    :class="['p-button-rounded p-button-text p-button-plain p-0 inline-flex align-items-center justify-content-center', { 'doc-section-code-active text-primary': codeLang === 'javascript' }]"
+                    label="Options API"
+                    @click="codeLang = 'options'"
+                ></Button>
             </template>
 
             <template v-if="!hideToggleCode">
                 <Button
                     v-tooltip.bottom="{ value: 'Toggle Full Code', class: 'doc-section-code-tooltip' }"
                     type="button"
-                    @click="toggleCodeMode('options')"
+                    @click="toggleCodeMode('composition')"
                     class="p-button-rounded p-button-text p-button-plain h-2rem w-2rem p-0 inline-flex align-items-center justify-content-center"
                     icon="pi pi-code"
                 ></Button>
@@ -155,7 +155,7 @@ export default {
     data() {
         return {
             codeMode: 'basic',
-            codeLang: this.code['options'] ? 'options' : 'basic'
+            codeLang: this.code['options'] ? 'composition' : 'basic'
         };
     },
     methods: {