arthur/ui
1
0
Fork 0
mirror of https://github.com/ArthurDanjou/ui.git synced 2026-01-20 06:51:46 +01:00
Code Issues Packages Projects Releases Wiki Activity

docs: explicit settings.json path (#411)

Browse Source 
Co-authored-by: Benjamin Canac <canacb1@gmail.com>
This commit is contained in:
Jose Salazar
2023-07-17 05:34:47 -03:00
committed by GitHub
parent 914cb03a5d
commit 7554a10206
1 changed files with 8 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
docs/content/1.getting-started/2.installation.md
View File

@@ -42,9 +42,9 @@ As this module installs [@nuxtjs/tailwindcss](https://tailwindcss.nuxtjs.org/) a
If you're using VSCode, you can install the [Tailwind CSS IntelliSense](https://marketplace.visualstudio.com/items?itemName=bradlc.vscode-tailwindcss) extension to get autocompletion for the classes.
You can read more on how to set it up on the [@nuxtjs/tailwindcss](https://tailwindcss.nuxtjs.org/tailwind/editor-support) module documentation, but to summarize, you'll need to add the following to your `settings.json`:
You can read more on how to set it up on the [@nuxtjs/tailwindcss](https://tailwindcss.nuxtjs.org/tailwind/editor-support) module documentation, but to summarize, you'll need to add the following to your `.vscode/settings.json`:
```json [settings.json]
```json [.vscode/settings.json]
{
"files.associations": {
"*.css": "tailwindcss"
@@ -67,17 +67,17 @@ export default <Partial<Config>> {
}
```
If you do so, you'll need to add the following to your `settings.json`:
If you do so, you'll need to add the following to your `.vscode/settings.json`:
```json [settings.json]
```json [.vscode/settings.json]
{
"tailwindCSS.experimental.configFile": "tailwind.config.ts"
}
```
Also, the extension won't work when writing classes in your `app.config.ts` by default. You can add the following to your `settings.json` to fix this:
Also, the extension won't work when writing classes in your `app.config.ts` by default. You can add the following to your `.vscode/settings.json` to fix this:
```json [settings.json]
```json [.vscode/settings.json]
{
"tailwindCSS.experimental.classRegex": [
["ui:\\s*{([^)]*)\\s*}", "[\"'`]([^\"'`]*).*?[\"'`]"]
@@ -85,9 +85,9 @@ Also, the extension won't work when writing classes in your `app.config.ts` by d
}
```
You can also add the following to your `settings.json` to enable IntelliSense when using the `ui` prop:
You can also add the following to your `.vscode/settings.json` to enable IntelliSense when using the `ui` prop:
```json [settings.json]
```json [.vscode/settings.json]
{
"tailwindCSS.classAttributes": [
"class",