Skip to content

Commit

Permalink
docs(guide): more detailed nuxt guide
Browse files Browse the repository at this point in the history
  • Loading branch information
jd-solanki committed Dec 16, 2022
1 parent 4a9cff9 commit 76ecc04
Showing 1 changed file with 24 additions and 9 deletions.
33 changes: 24 additions & 9 deletions docs/guide/getting-started/installation.md
Original file line number Diff line number Diff line change
Expand Up @@ -206,17 +206,32 @@ You can also follow 脌 la carte fashion if you don't want to register all the co
```

3. Add UnoCSS config file `uno.config.js` as shown in step 2 of [usage](#usage) section.
4. Using [Preset](/guide/features/presets.md),
1. If you are going to use `preset-theme-default`, first install it.

4. If you are using `preset-theme-default` [preset](/guide/features/presets.md), You also have to add its CSS (Assuming you already added `preset-theme-default` in `uno.config.js` as preset)
```bash
# pnpm
pnpm add @anu-vue/preset-theme-default

```diff
import { defineNuxtConfig } from 'nuxt/config'

export default defineNuxtConfig({
modules: ['@anu-vue/nuxt', '@unocss/nuxt'],
+ css: ['@anu-vue/preset-theme-default/dist/styles.css'],
})
```
# yarn
yarn add @anu-vue/preset-theme-default

# npm
npm install @anu-vue/preset-theme-default
```

2. Include CSS in `nuxt.config.js`.

```diff
import { defineNuxtConfig } from 'nuxt/config'

export default defineNuxtConfig({
modules: ['@anu-vue/nuxt', '@unocss/nuxt'],
+ css: ['@anu-vue/preset-theme-default/dist/styles.css'],
})
```

3. Make sure you have add `preset-theme-default` as preset in `uno.config.js` file.

## Volar Support

Expand Down

0 comments on commit 76ecc04

Please sign in to comment.