replace ElementPlus to PrimeVue, update TheWelcome

src/main.ts

@@ -2,8 +2,29 @@ import { createApp } from 'vue'
 import { createPinia } from 'pinia'
 import PouchDB from 'pouchdb-browser'
 
-import ElementPlus from 'element-plus'
-import 'element-plus/dist/index.css'
+import PrimeVue from 'primevue/config'
+import { definePreset } from '@primevue/themes'
+import Aura from '@primevue/themes/aura'
+import './style.css'
+import 'primeicons/primeicons.css'
+
+const MyPreset = definePreset(Aura, {
+  semantic: {
+    primary: {
+      50: '{rose.50}',
+      100: '{rose.100}',
+      200: '{rose.200}',
+      300: '{rose.300}',
+      400: '{rose.400}',
+      500: '{rose.500}',
+      600: '{rose.600}',
+      700: '{rose.700}',
+      800: '{rose.800}',
+      900: '{rose.900}',
+      950: '{rose.950}',
+    },
+  },
+})
 
 import App from './App.vue'
 import router from './router'
@@ -12,7 +33,14 @@ const app = createApp(App)
 
 app.use(createPinia())
 app.use(router)
-app.use(ElementPlus)
+app.use(PrimeVue, {
+  theme: {
+    preset: MyPreset,
+    options: {
+      darkModeSelector: false,
+    },
+  },
+})
 
 app.mount('#app')