add toatification package

pages/account/profile.vue

@@ -76,8 +76,9 @@
       <div class="flex flex-col space-y-[0.2vw] mb-[0.5vw]">
         <label for="" class="text-[3.19vw] md:text-[0.833vw] font-[400]">شماره موبایل</label>
         <input
+        :value="authUser?.phone"
           type="text"
-          class="bg-[#F5F5F5] h-[13.59vw] md:h-[2.969vw] w-full md:w-[19.01vw] rounded-[2.564vw] md:rounded-[0.521vw]"
+          class="bg-[#F5F5F5] h-[13.59vw] md:h-[2.969vw] w-full md:w-[19.01vw] rounded-[2.564vw] md:rounded-[0.521vw] px-[1vw]"
         />
       </div>
       <div class="flex flex-col space-y-[0.2vw] mb-[0.5vw]">
@@ -85,6 +86,7 @@
           >نام و نام خانوادگی</label
         >
         <input
+        :value="authUser?.name"
           type="text"
           class="bg-[#F5F5F5] h-[13.59vw] md:h-[2.969vw] w-full md:w-[19.01vw] rounded-[2.564vw] md:rounded-[0.521vw]"
         />
@@ -104,3 +106,9 @@
     </div>
   </div>
 </template>
+
+
+<script setup>
+const { authUser } = useAuth();
+console.log('user :', authUser.value);
+</script>

pages/login/index.vue

@@ -1,7 +1,7 @@
 <template>
-    <div class="h-screen flex">
+    <div class="h-screen flex flex-col flex-col-reverse md:flex-row">
         <div class="basis-1/2 flexBox">
-            <div class="w-[43.75vw] text-primaryTextColor space-y-[2vw]">
+            <div class="w-full md:w-[43.75vw] text-primaryTextColor space-y-[2vw]">
               <!-- <div class="content mb-[3vw]">
                 <p class="font-bold text-[1.901vw]">ورود به Shinan Learning</p>
                 <p class="text-[0.938vw] leading-[1.406vw] mt-[0.5vw]">