Update README.md
parent
894a0f5715
commit
0506af740e
12
README.md
12
README.md
|
@ -82,13 +82,13 @@ Other alternative is utilizing the components directly within the browser with t
|
||||||
<head>
|
<head>
|
||||||
<meta charset="utf-8">
|
<meta charset="utf-8">
|
||||||
<title>PrimeVue Demo</title>
|
<title>PrimeVue Demo</title>
|
||||||
<link href="https://unpkg.com/primevue/resources/themes/lara-light-indigo/theme.css" rel="stylesheet">
|
<link href="https://unpkg.com/primevue/resources/themes/lara-light-blue/theme.css" rel="stylesheet">
|
||||||
<link href="https://unpkg.com/primevue/resources/primevue.min.css" rel="stylesheet">
|
<link href="https://unpkg.com/primevue/resources/primevue.min.css" rel="stylesheet">
|
||||||
<link href="https://unpkg.com/primeicons/primeicons.css" rel="stylesheet">
|
<link href="https://unpkg.com/primeicons/primeicons.css" rel="stylesheet">
|
||||||
|
|
||||||
<script src="https://unpkg.com/vue@next"></script>
|
<script src="https://unpkg.com/vue@next"></script>
|
||||||
<script src="https://unpkg.com/primevue^3/core/core.min.js"></script>
|
<script src="https://unpkg.com/primevue/core/core.min.js"></script>
|
||||||
<script src="https://unpkg.com/primevue^3/slider/slider.min.js"></script>
|
<script src="https://unpkg.com/primevue/slider/slider.min.js"></script>
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
|
@ -124,7 +124,7 @@ Other alternative is utilizing the components directly within the browser with t
|
||||||
The css dependencies are as follows, note that you may change the theme with another one of your choice.
|
The css dependencies are as follows, note that you may change the theme with another one of your choice.
|
||||||
|
|
||||||
```css
|
```css
|
||||||
primevue/resources/themes/saga-blue/theme.css //theme
|
primevue/resources/themes/lara-light-blue/theme.css //theme
|
||||||
primevue/resources/primevue.min.css //core css
|
primevue/resources/primevue.min.css //core css
|
||||||
primeicons/primeicons.css //icons
|
primeicons/primeicons.css //icons
|
||||||
```
|
```
|
||||||
|
@ -132,7 +132,7 @@ primeicons/primeicons.css //icons
|
||||||
If you are using a bundler such as webpack with a css loader you may also import them to your main application component.
|
If you are using a bundler such as webpack with a css loader you may also import them to your main application component.
|
||||||
|
|
||||||
```javascript
|
```javascript
|
||||||
import 'primevue/resources/themes/lara-light-indigo/theme.css';
|
import 'primevue/resources/themes/lara-light-blue/theme.css';
|
||||||
import 'primevue/resources/primevue.min.css';
|
import 'primevue/resources/primevue.min.css';
|
||||||
import 'primeicons/primeicons.css';
|
import 'primeicons/primeicons.css';
|
||||||
```
|
```
|
||||||
|
@ -150,7 +150,7 @@ import { defineNuxtConfig } from 'nuxt3';
|
||||||
|
|
||||||
export default defineNuxtConfig({
|
export default defineNuxtConfig({
|
||||||
css: [
|
css: [
|
||||||
'primevue/resources/themes/saga-blue/theme.css',
|
'primevue/resources/themes/lara-light-blue/theme.css',
|
||||||
'primevue/resources/primevue.css',
|
'primevue/resources/primevue.css',
|
||||||
'primeicons/primeicons.css'
|
'primeicons/primeicons.css'
|
||||||
]
|
]
|
||||||
|
|
Loading…
Reference in New Issue