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>

home.vue

<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')

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.

Nuxt•12mo ago•

9 replies

Paul

Help setting up nuxt ui with vue

 <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>

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')

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

Help setting up nuxt ui with vue

Similar Threads

Similar Threads

Similar Threads