temp fix <Icon>

app/assets/css/global.css

@@ -1,2 +1,6 @@
 @import "tailwindcss";
 @import "@nuxt/ui";
+
+@theme {
+  --font-sans: 'Public Sans', sans-serif;
+}

app/components/dashboard/sidebar.vue

@@ -1,5 +1,6 @@
 <script setup lang="ts">
 import type { NavigationMenuItem } from '@nuxt/ui'
+//import Logo from '@nuxt/ui'
 
 
 const items: NavigationMenuItem[][] = [[{
@@ -41,7 +42,7 @@ const items: NavigationMenuItem[][] = [[{
 <template>
   <UDashboardSidebar collapsible resizable :ui="{ footer: 'border-t border-default' }">
     <template #header="{ collapsed }">
-      <Logo v-if="!collapsed" class="h-5 w-auto shrink-0" />
+      <UIcon v-if="!collapsed" name="i-simple-icons-nuxtdotjs" class="h-5 w-auto shrink-0" />
       <UIcon v-else name="i-simple-icons-nuxtdotjs" class="size-5 text-primary mx-auto" />
     </template>
 

app/pages/dashboard.vue

@@ -5,12 +5,20 @@
 </script>
 
 <template>
-  <div>
+  <UContainer>
-    
+    <div class="mt-1 mb-2 flex flex-col w-full">
+      <ProseH2 class="text-center m-0.5 w-full">Hey there, user!</ProseH2>
+      <ProseP class="text-center text-muted m-0.5">Welcome to the UI!</ProseP>
+      <UBadge variant="subtle" class="inline mx-auto">Something like that</UBadge> 
     </div>
     
+    <div class="w-full flex flex-col">
+
+    </div>
+  </UContainer>
 </template>
 
-<style>
+<style scoped>
+
 
 </style>

nuxt.config.ts

@@ -8,7 +8,7 @@ export default defineNuxtConfig({
     modules: ['@nuxt/image', '@nuxt/ui', '@nuxt/test-utils', '@nuxtjs/mdc'],
     vite: {
         plugins: [
-            tailwindcss(),
+            tailwindcss()
         ],
     },
 })