export
default
defineNuxtConfig
(
{
modules
:
[
'
pohon-ui
'
]
,
css
:
[
'
~/assets/css/main.css
'
]
}
)
;
``
```ts
[
app/app.config.
ts
]
export default defineAppConfig(
{
ui
:
{
colors:
{
primary:
'
sky
'
,
colors:
'
slate
'
}
}
}
);
<
template
>
<
PApp
>
<
NuxtPage
/>
PApp
>
template
>
{
"
name
"
:
"
nuxt-app
"
,
"
private
"
:
true,
"
type
"
:
"
module
"
,
"
scripts
"
:
{
"
build
"
:
"
nuxt build
"
,
"
dev
"
:
"
nuxt dev
"
,
"
generate
"
:
"
nuxt generate
"
,
"
preview
"
:
"
nuxt preview
"
,
"
postinstall
"
:
"
nuxt prepare
"
,
"
typecheck
"
:
"
nuxt typecheck
"
},
"
dependencies
"
:
{
"
@iconify-json/lucide
"
:
"
^1.2.0
"
,
"
pohon-ui
"
:
"
^4.0.0
"
,
"
nuxt
"
:
"
^4.0.0
"
},
"
devDependencies
"
:
{
"
typescript
"
:
"
^6.0.0
"
,
"
vue-tsc
"
:
"
^3.2.0
"
}
}
{
"
extends
"
:
"
./.nuxt/tsconfig.json
"
}
#
Nuxt 4 Minimal Starter
Look at the
[
Nuxt 4 documentation
](
https://nuxt.com/docs/getting-started/introduction
)
to learn more.
##
Setup
Make sure to install the dependencies:
```
bash
# npm
npm
install
# pnpm
pnpm
install
# yarn
yarn
install
# bun
bun
install
```
##
Development server
Start the development server on
`
http://localhost:3000
`
:
```
bash
# npm
npm
run
dev
# pnpm
pnpm
run
dev
# yarn
yarn
dev
# bun
bun
run
dev
```
##
Production
Build the application for production:
```
bash
# npm
npm
run
build
# pnpm
pnpm
run
build
# yarn
yarn
build
# bun
bun
run
build
```
Locally preview production build:
```
bash
# npm
npm
run
preview
# pnpm
pnpm
run
preview
# yarn
yarn
preview
# bun
bun
run
preview
```
Check out the
[
deployment documentation
](
https://nuxt.com/docs/getting-started/deployment
)
for more information.
::
#code
::
code-tree
{
defaultValue
=
"
app/app.config.ts
"
}
```
ts [nuxt.config.ts]
export
default
defineNuxtConfig
(
{
modules
:
[
'
pohon-ui
'
]
,
css
:
[
'
~/assets/css/main.css
'
]
}
)
```
```
css [app/assets/css/main.css]
```
```
ts [app/app.config.ts]
export
default
defineAppConfig
(
{
ui
:
{
colors
:
{
primary
:
'
sky
'
,
colors
:
'
slate
'
}
}
}
)
```
```
vue [app/app.vue]