Prevent refresh page on language change

add support buttons
fix welcome message issue
Fixes #226

Author: doroudi

locales/ar.yml

@@ -143,9 +143,11 @@ forgot:
   sendEmailSuccess: تم إرسال البريد الإلكتروني بنجاح، يرجى التحقق من بريدك الإلكتروني
   title: نسيت كلمة المرور
   username: اسم المستخدم
-github:
-  button: GitHub
-  tooltip: ادعم هذا المشروع من خلال إعطاء نجمة ⭐️ على GitHub
+support:
+  github:
+    tooltip: ادعم هذا المشروع من خلال إعطاء نجمة ⭐️ على GitHub
+  buyMeCoffee:
+    tooltip: ادعم هذا المشروع بشراء كوب من القهوة.
 home: الرئيسية
 languages:
   ar: Arabic

locales/cn.yml

@@ -138,9 +138,12 @@ forgot:
   sendEmailSuccess: 电子邮件发送成功，请检查您的电子邮件
   title: 忘记密码
   username: 用户名
-github:
-  button: Github
-  tooltip: 请在Github上给这个项目一个⭐️支持
+support:
+  github:
+    tooltip: 请在Github上给这个项目一个⭐️支持
+  buyMeCoffee:
+    tooltip: 购买一杯咖啡来支持这个项目。
+  
 home: 首页
 languages:
   ar: Arabic

locales/de.yml

@@ -131,7 +131,6 @@ enums:
     Active: Aktiv
     Draft: Entwurf
     NotActive: Nicht aktiv
-fa: ''
 forgot:
   button: Wiederherstellen
   email: E-Mail
@@ -144,11 +143,13 @@ forgot:
   sendEmailSuccess: E-Mail erfolgreich gesendet, bitte überprüfen Sie Ihre E-Mail
   title: Passwort vergessen
   username: Benutzername
-github:
-  button: Github
-  tooltip: >-
-    Unterstützen Sie dieses Projekt, indem Sie ihm einen Stern ⭐️ auf Github
-    geben
+support:
+  github:
+    tooltip: >-
+      Unterstützen Sie dieses Projekt, indem Sie ihm einen Stern ⭐️ auf Github
+      geben
+    buyMeCoffee:
+      tooltip: Unterstützen Sie dieses Projekt mit dem Kauf einer Tasse Kaffee.
 home: Startseite
 languages:
   ar: Arabic

locales/en.yml

@@ -141,9 +141,12 @@ forgot:
   sendEmailSuccess: Email Sent Successfully, Please Check Your Email
   title: Forgot Password
   username: User Name
-github:
-  button: Github
-  tooltip: Support this project by giving a star ⭐️ on GitHub
+support:
+  github:
+    tooltip: Support this project by giving a star ⭐️ on GitHub
+  buyMeCoffee:
+    tooltip: Support this project by buying me a coffee
+
 home: Home
 languages:
   ar: Arabic

locales/fa.yml

@@ -139,9 +139,13 @@ forgot:
   sendEmailSuccess: ایمیل با موفقیت ارسال شد، لطفا ایمیل خود را بررسی کنید
   title: فراموشی رمز عبور
   username: نام کاربری
-github:
-  button: گیت هاب
-  tooltip: این پروژه را با دادن یک ستاره ⭐️ در گیت هاب پشتیبانی کنید
+
+support:
+  github:
+    tooltip: این پروژه را با دادن یک ستاره ⭐️ در گیت هاب پشتیبانی کنید
+  buyMeCoffee:
+    tooltip: با خرید یک فنجان قهوه حامی این پروژه باشید
+
 home: خانه
 languages:
   ar: Arabic

locales/tr.yml

@@ -144,9 +144,11 @@ forgot:
   sendEmailSuccess: Email Başarıyla Gönderildi, Lütfen E-postanızı Kontrol Edin
   title: Şifremi Unuttum
   username: Kullanıcı Adı
-github:
-  button: GitHub
-  tooltip: Bu projeye ⭐️ Github'da destek verin
+support:
+  github:
+    tooltip: Bu projeye ⭐️ Github'da destek verin
+  buyMeCoffee:
+    tooltip: Bir fincan kahve satın alarak bu projeye destek olun.
 home: Ana Sayfa
 languages:
   ar: Arabic

src/App.vue

@@ -155,7 +155,7 @@ function getToggleElementPosition() {
             <div class="dark-mode" :class="{ 'active': layout.isDark }"></div>
           </div>
           <RouterView />
-          <GithubButton />
+          <SupportProject />
         </n-dialog-provider>
       </n-message-provider>
     </n-notification-provider>

src/components.d.ts

@@ -36,7 +36,6 @@ declare module 'vue' {
     Editor: typeof import('./components/Editor.vue')['default']
     EnglandIcon: typeof import('./components/CustomIcons/EnglandIcon.vue')['default']
     GermanyIcon: typeof import('./components/CustomIcons/GermanyIcon.vue')['default']
-    GithubButton: typeof import('./components/shared/GithubButton.vue')['default']
     GithubIcon: typeof import('./components/CustomIcons/GithubIcon.vue')['default']
     GoogleIcon: typeof import('./components/CustomIcons/GoogleIcon.vue')['default']
     GroupTitle: typeof import('./components/Apps/Todo/GroupTitle.vue')['default']
@@ -50,23 +49,21 @@ declare module 'vue' {
     NBreadcrumb: typeof import('naive-ui')['NBreadcrumb']
     NBreadcrumbItem: typeof import('naive-ui')['NBreadcrumbItem']
     NButton: typeof import('naive-ui')['NButton']
-    NCollapse: typeof import('naive-ui')['NCollapse']
-    NCollapseItem: typeof import('naive-ui')['NCollapseItem']
     NConfigProvider: typeof import('naive-ui')['NConfigProvider']
     NDataTable: typeof import('naive-ui')['NDataTable']
     NDialogProvider: typeof import('naive-ui')['NDialogProvider']
     NDropdown: typeof import('naive-ui')['NDropdown']
     NEmpty: typeof import('naive-ui')['NEmpty']
+    NForm: typeof import('naive-ui')['NForm']
+    NFormItem: typeof import('naive-ui')['NFormItem']
     NIcon: typeof import('naive-ui')['NIcon']
     NInput: typeof import('naive-ui')['NInput']
     NLayout: typeof import('naive-ui')['NLayout']
-    NLayoutContent: typeof import('naive-ui')['NLayoutContent']
     NLayoutSider: typeof import('naive-ui')['NLayoutSider']
     NList: typeof import('naive-ui')['NList']
     NListItem: typeof import('naive-ui')['NListItem']
     NMenu: typeof import('naive-ui')['NMenu']
     NMessageProvider: typeof import('naive-ui')['NMessageProvider']
-    NModal: typeof import('naive-ui')['NModal']
     NNotificationProvider: typeof import('naive-ui')['NNotificationProvider']
     Notifications: typeof import('./components/Navbar/Notifications.vue')['default']
     NPageHeader: typeof import('naive-ui')['NPageHeader']
@@ -101,6 +98,7 @@ declare module 'vue' {
     SkeletonTable: typeof import('./components/shared/SkeletonTable.vue')['default']
     Sparkline: typeof import('./components/Charts/Sparkline.vue')['default']
     SummaryStatCard: typeof import('./components/shared/SummaryStatCard.vue')['default']
+    SupportProject: typeof import('./components/shared/SupportProject.vue')['default']
     SwitchSelect: typeof import('./components/shared/SwitchSelect.vue')['default']
     TaskItem: typeof import('./components/Apps/Todo/TaskItem.vue')['default']
     TasksList: typeof import('./components/Apps/Todo/TasksList.vue')['default']

src/components/Dashboard/Ecommerce/EcommerceDashboard.vue

@@ -10,14 +10,7 @@ const layout = useLayoutStore()
 onMounted(() => {
   store.getSummaryStat()
   if (!layout.isWelcomeShown) {
-    setTimeout(() => {
-      notify.notify({
-        body: t('notify.welcome'),
-        type: 'success',
-        duration: 10000,
-      })
-      layout.showWelcome()
-    }, 2000)
+    layout.showWelcome()
   }
 })
 </script>

src/components/Navbar/LanguageSelect.vue

@@ -28,7 +28,7 @@ const languages = availableLocales.sort(sortLangs).map((x) => {
 function changeLanguage(lang: string) {
   layoutStore.changeLanguage(lang)
   layoutStore.resetWelcomeState()
-  setTimeout(() => window.location.reload(), 1500)
+  // setTimeout(() => window.location.reload(), 1500)
 }
 
 function renderLabel(label: string, language: string) {