Merge branch 'dev'

Author: hfidelis

src/components/Header/HeaderComponent.vue

@@ -14,7 +14,6 @@ import {
 
 import { useDark } from '@vueuse/core'
 
-import SvgIcon from '@jamescoyle/vue-icon'
 import LocaleSelect from '@/components/LocaleSelect/LocaleSelect.vue'
 import ThemeToggle from '@/components/ThemeToggle/ThemeToggle.vue'
 

src/components/ThemeToggle/ThemeToggle.vue

@@ -1,8 +1,6 @@
 <script setup lang="ts">
 import { useDark, useToggle } from '@vueuse/core'
 
-import SvgIcon from '@jamescoyle/vue-icon'
-
 import {
   mdiWeatherSunny,
   mdiWeatherNight,

src/main.ts

@@ -1,5 +1,7 @@
 import '@/styles/app.scss'
 
+import SvgIcon from '@jamescoyle/vue-icon'
+
 import { createApp } from 'vue'
 import App from '@/App.vue'
 import router from '@/router'
@@ -8,4 +10,5 @@ import i18n from '@/i18n'
 createApp(App)
   .use(router)
   .use(i18n)
+  .component('SvgIcon', SvgIcon)
   .mount('#app')

src/views/HomeView/HomeView.vue

@@ -1,6 +1,4 @@
 <script setup lang="ts">
-import SvgIcon from '@jamescoyle/vue-icon'
-
 import {
   mdiWrenchClock,
 } from '@mdi/js'
@@ -34,16 +32,13 @@ main {
   > h1 {
     font-size: $text-xxl;
     font-weight: 700;
-    // background-image: linear-gradient(90deg,rgb(213, 174, 19),rgb(169, 116, 19));
-    // background-clip: text;
-    // -webkit-text-fill-color: transparent;
-    // -webkit-background-clip: text;
   }
 
   > p {
     font-size: $text-md;
     font-weight: 500;
     text-wrap: pretty;
+    max-width: 30rem;
   }
 }
 </style>

tsconfig.app.json

@@ -6,12 +6,14 @@
     "composite": true,
     "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
     "verbatimModuleSyntax": false,
+    "noImplicitAny": false,
+    "allowJs": true,
     "baseUrl": ".",
     "paths": {
       "@/*": ["./src/*"]
     },
     "types": [
       "node"
-    ]
+    ],
   }
 }