Skip to content

Nuxt

Getting Started

Vueify Take two


export PROJECT_NAME=NuxtVuifyNostrIDB

bunx nuxi@latest init $PROJECT_NAME
cd $PROJECT_NAME
bun install

npx nuxi@latest module add vuetify-nuxt-module

bun run dev

Docs:

vuetifyjs/nuxt-module: Zero-config Nuxt Module for Vuetify

Vueify

Too hard to configure

Got error, 


 WARN  [Vue warn]: Component VApp is missing template or render function.


export PROJECT_NAME=NuxtDatetimeVueify

bunx nuxi@latest init $PROJECT_NAME
cd $PROJECT_NAME
bun install

bun add -d vuetify vite-plugin-vuetify
bun add @mdi/font

NuxtUI

Don't use missing time picker


# REMEMBER ONE LINE AT A TIME

export PROJECT_NAME=DateTimeNuxtUI
bun x nuxi@latest init $PROJECT_NAME
cd $PROJECT_NAME
bun i typescript
bun x nuxi@latest module add ui

bun i v-calendar@next date-fns


bun run dev

Documentation Links

Shadcn Test

Don't use too buggy


bun x nuxi@latest init $PROJECT_NAME
cd $PROJECT_NAME
bun i shadcn-nuxt
bun i typescript
bun x nuxi@latest module add @nuxtjs/tailwindcss
bun x nuxi@latest module add shadcn-nuxt




  shadcn: {
    /**
     * Prefix for all the imported component
     */
    prefix: '',
    /**
     * Directory that the component lives in.
     * @default "./components/ui"
     */
    componentDir: './components/ui'
  }


bun x shadcn-vue@latest init

Documentation Links