feat: improve profile

src/views/Profile.vue

@@ -160,32 +160,6 @@
                       </div>
                     </div>
                   </div>
-                  <button type="button" class="
-                focus:border-black focus:ring-2 focus:ring-black
-                text-white text-base md:text-sm
-                py-3.5
-                px-5
-                md:py-2.5
-                md:px-5
-                rounded-md
-                bg-red-600
-                hover:bg-red-700 hover:shadow-lg
-                w-full
-                md:w-auto
-                cursor-pointer
-              " @click="() => {
-                state.delete_active = true;
-              }
-              ">
-                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
-                      stroke="none" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
-                      class="inline h-4 align-sub">
-                      <path d="M0 0h24v24H0z" />
-                      <path fill="currentColor"
-                        d="M17 6h5v2h-2v13a1 1 0 01-1 1H5a1 1 0 01-1-1V8H2V6h5V3a1 1 0 011-1h8a1 1 0 011 1v3zm1 2H6v12h12V8zm-5 6l2 2-1 1-2-2-2 2-1-1 2-2-2-2 1-1 2 2 2-2 1 1-2 2zM9 4v2h6V4H9z" />
-                    </svg>
-                    {{ $t("delete_my_data") }}
-                  </button>
                 </div>
                 <div v-if="state.delete_active === true">
                   <button type="button" class="
@@ -240,6 +214,32 @@
                     {{ $t("confirm_delete_all_of_my_data") }}
                   </button>
                 </div>
+                <button v-else type="button" class="
+                focus:border-black focus:ring-2 focus:ring-black
+                text-white text-base md:text-sm
+                py-3.5
+                px-5
+                md:py-2.5
+                md:px-5
+                rounded-md
+                bg-red-600
+                hover:bg-red-700 hover:shadow-lg
+                w-full
+                md:w-auto
+                cursor-pointer
+              " @click="() => {
+                state.delete_active = true;
+              }
+              ">
+                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
+                    stroke="none" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
+                    class="inline h-4 align-sub">
+                    <path d="M0 0h24v24H0z" />
+                    <path fill="currentColor"
+                      d="M17 6h5v2h-2v13a1 1 0 01-1 1H5a1 1 0 01-1-1V8H2V6h5V3a1 1 0 011-1h8a1 1 0 011 1v3zm1 2H6v12h12V8zm-5 6l2 2-1 1-2-2-2 2-1-1 2-2-2-2 1-1 2 2 2-2 1 1-2 2zM9 4v2h6V4H9z" />
+                  </svg>
+                  {{ $t("delete_my_data") }}
+                </button>
               </div>
             </div>
           </div>