Help setting up nuxt ui with vue

im trying to use the nuxt-ui framework
i am creating a vue app, adding ts and router
then when I follow the installation guide at: https://ui.nuxt.com/getting-started/installation/vue

it just doesnt work properly? for example my app JUST uses the button comp but it doesnt "work" i know tgat isnt helpful it just doesnt load like it should be

app.vue

 <template>
  <UApp>
    <RouterView />
  </UApp>
</template>

 <template>
  <UApp>
    <RouterView />
  </UApp>
</template>

 <template>
  <UApp>
    <RouterView />
  </UApp>
</template>

 <template>
  <UApp>
    <RouterView />
  </UApp>
</template>

home.vue

<template>
  <UButton>Button</UButton>
</template>

<script setup lang="ts">

</script>

<template>
  <UButton>Button</UButton>
</template>

<script setup lang="ts">

</script>

<template>
  <UButton>Button</UButton>
</template>

<script setup lang="ts">

</script>

<template>
  <UButton>Button</UButton>
</template>

<script setup lang="ts">

</script>

main.ts

import './assets/main.css'

import { createApp } from 'vue'
import router from './router'
import ui from '@nuxt/ui/vue-plugin'
import App from './App.vue'

const app = createApp(App)

app.use(router)
app.use(ui)

app.mount('#app')

import './assets/main.css'

import { createApp } from 'vue'
import router from './router'
import ui from '@nuxt/ui/vue-plugin'
import App from './App.vue'

const app = createApp(App)

app.use(router)
app.use(ui)

app.mount('#app')

import './assets/main.css'

import { createApp } from 'vue'
import router from './router'
import ui from '@nuxt/ui/vue-plugin'
import App from './App.vue'

const app = createApp(App)

app.use(router)
app.use(ui)

app.mount('#app')

import './assets/main.css'

import { createApp } from 'vue'
import router from './router'
import ui from '@nuxt/ui/vue-plugin'
import App from './App.vue'

const app = createApp(App)

app.use(router)
app.use(ui)

app.mount('#app')

I attached a screenshot of what I see
and one of what i should see.

Nuxt UI

Installation - Nuxt UI v3 for Vue

Learn how to install and configure Nuxt UI in your Vue application.

Help setting up nuxt ui with vue

Similar Threads

Similar Threads

Similar Threads