improve framework

packages/dashboard/themeConfig.ts

@@ -3,7 +3,7 @@ import { breakpointsVuetify } from '@vueuse/core'
 import { VIcon } from 'vuetify/components'
 
 // ❗ Logo SVG must be imported with ?raw suffix
-import logo from '@/plugins/vuetify/images/logo.svg?raw'
+// import logo from '@/assets/logo.svg?raw'
 
 import { defineThemeConfig } from '@/plugins/vuetify/@core'
 import { RouteTransitions, Skins } from '@/plugins/vuetify/@core/enums'
@@ -11,10 +11,11 @@ import { AppContentLayoutNav, ContentWidth, FooterType, NavbarType } from '@layo
 
 export const { themeConfig, layoutConfig } = defineThemeConfig({
   app: {
-    title: 'Ping Dashboard',
+    title: 'Ping.pub',
 
     // ❗ if you have SVG logo and want it to adapt according to theme color, you have to apply color as `color: rgb(var(--v-global-theme-primary))`
-    logo: h('div', { innerHTML: logo, style: 'line-height:0; color: rgb(var(--v-global-theme-primary))' }),
+    // logo: h('div', { innerHTML: logo, style: 'line-height:0; color: rgb(var(--v-global-theme-primary))' }),
+    logo: h('img', {src: '/logo.svg', width: 50, height: 50}),
     contentWidth: ContentWidth.Boxed,
     contentLayoutNav: AppContentLayoutNav.Vertical,
     overlayNavFromBreakpoint: breakpointsVuetify.md + 16, // 16 for scrollbar. Docs: https://next.vuetifyjs.com/en/features/display-and-platform/