@stlhorizon/vue-ui 1.3.0 → 1.3.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +31 -3
- package/dist/index.esm.js +923 -957
- package/dist/index.js +17 -17
- package/dist/src/components/Header.vue.d.ts +4 -0
- package/dist/src/components/Header.vue.d.ts.map +1 -1
- package/dist/src/layouts/DashboardLayout.vue.d.ts.map +1 -1
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -88,16 +88,44 @@ export default defineNuxtConfig({
|
|
|
88
88
|
|
|
89
89
|
### Global Registration (Recommended)
|
|
90
90
|
|
|
91
|
+
### Font awesome icons integration
|
|
92
|
+
First install the icons using this commands
|
|
93
|
+
npm install @fortawesome/vue-fontawesome@latest-3
|
|
94
|
+
npm install @fortawesome/free-solid-svg-icons
|
|
95
|
+
npm install @fortawesome/free-regular-svg-icons
|
|
96
|
+
npm install @fortawesome/free-brands-svg-icons
|
|
97
|
+
npm install @fortawesome/fontawesome-svg-core
|
|
98
|
+
|
|
99
|
+
<!-- then import the libraries like the code below -->
|
|
100
|
+
|
|
91
101
|
```js
|
|
92
102
|
// main.js
|
|
93
103
|
import { createApp } from 'vue'
|
|
94
|
-
import
|
|
95
|
-
import '@stlhorizon/vue-ui/dist/vue-ui.css'
|
|
104
|
+
import { createPinia } from 'pinia'
|
|
96
105
|
import App from './App.vue'
|
|
106
|
+
import router from './router'
|
|
107
|
+
import VueUI from '@stlhorizon/vue-ui'
|
|
108
|
+
import "@stlhorizon/vue-ui/dist/vue-ui.css"
|
|
109
|
+
import VueApexCharts from 'vue3-apexcharts'
|
|
110
|
+
import { library } from '@fortawesome/fontawesome-svg-core'
|
|
111
|
+
import { fas } from '@fortawesome/free-solid-svg-icons'
|
|
112
|
+
import { far } from '@fortawesome/free-regular-svg-icons'
|
|
113
|
+
import { fab } from '@fortawesome/free-brands-svg-icons'
|
|
114
|
+
import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome'
|
|
115
|
+
|
|
116
|
+
library.add(fas, far, fab)
|
|
97
117
|
|
|
98
118
|
const app = createApp(App)
|
|
99
|
-
|
|
119
|
+
|
|
120
|
+
app.use(createPinia())
|
|
121
|
+
app.use(router)
|
|
122
|
+
|
|
123
|
+
app.component('font-awesome-icon', FontAwesomeIcon)
|
|
124
|
+
app.use(VueApexCharts);
|
|
125
|
+
app.use(VueUI) // register the UI
|
|
126
|
+
|
|
100
127
|
app.mount('#app')
|
|
128
|
+
|
|
101
129
|
```
|
|
102
130
|
|
|
103
131
|
### Individual Component Import
|