@fortawesome/vue-fontawesome 0.1.9 → 0.1.10
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/.tool-versions +1 -0
- package/CHANGELOG.md +15 -0
- package/README.md +14 -0
- package/index.d.ts +2 -2
- package/package.json +3 -2
package/.tool-versions
CHANGED
package/CHANGELOG.md
CHANGED
|
@@ -5,6 +5,21 @@ The format is based on [Keep a Changelog](http://keepachangelog.com/) and this p
|
|
|
5
5
|
|
|
6
6
|
---
|
|
7
7
|
|
|
8
|
+
## [0.1.10](https://github.com/FortAwesome/vue-fontawesome/releases/tag/0.1.10) - 2020-06-15
|
|
9
|
+
|
|
10
|
+
### Fixed
|
|
11
|
+
* Add TSX support to Typescript definition
|
|
12
|
+
|
|
13
|
+
---
|
|
14
|
+
|
|
15
|
+
## [0.1.9](https://github.com/FortAwesome/vue-fontawesome/releases/tag/0.1.9) - 2019-12-13
|
|
16
|
+
|
|
17
|
+
### Added
|
|
18
|
+
* Counters support for the FontAwesomeLayersText component #174
|
|
19
|
+
* FontAwesomeIcon now supports the "inverse" property #174
|
|
20
|
+
|
|
21
|
+
---
|
|
22
|
+
|
|
8
23
|
## [0.1.8](https://github.com/FortAwesome/vue-fontawesome/releases/tag/0.1.8) - 2019-11-03
|
|
9
24
|
|
|
10
25
|
### Fixed
|
package/README.md
CHANGED
|
@@ -44,6 +44,7 @@
|
|
|
44
44
|
* [Advanced](#advanced)
|
|
45
45
|
- [Integrating with other tools and frameworks](#integrating-with-other-tools-and-frameworks)
|
|
46
46
|
* [Nuxt.js](#nuxtjs)
|
|
47
|
+
* [PurgeCSS](#purgecss)
|
|
47
48
|
* [Web Components with vue-web-component-wrapper](#web-components-with-vue-web-component-wrapper)
|
|
48
49
|
- [FAQ](#faq)
|
|
49
50
|
* [Why so explicit (the :icon="['far', 'coffee']" syntax)?](#why-so-explicit-the-iconfar-coffee-syntax)
|
|
@@ -630,6 +631,18 @@ plugins: [
|
|
|
630
631
|
]
|
|
631
632
|
```
|
|
632
633
|
|
|
634
|
+
### PurgeCSS
|
|
635
|
+
|
|
636
|
+
If you use PurgeCSS, or use the nuxt.js tailwindcss module which comes with PurgeCSS prebundled, you need to add fontawesome css classes to the whitelist, as the classes only gets inserted on rendering, and PurgeCSS will treat them as unused and remove them otherwise.
|
|
637
|
+
|
|
638
|
+
In your `nuxt.config.js`, add a purgeCSS config object. You may adjust the regex to your liking:
|
|
639
|
+
|
|
640
|
+
```javascript
|
|
641
|
+
purgeCSS: {
|
|
642
|
+
whitelistPatterns: [/svg.*/, /fa.*/]
|
|
643
|
+
},
|
|
644
|
+
```
|
|
645
|
+
|
|
633
646
|
### Web Components with vue-web-component-wrapper
|
|
634
647
|
|
|
635
648
|
The Vue [project provides a wrapper](https://github.com/vuejs/vue-web-component-wrapper)
|
|
@@ -830,6 +843,7 @@ being awesome contributors to this project. **We'd like to take a moment to reco
|
|
|
830
843
|
| <img src="https://github.com/ihmels.png?size=72" /> | Yannick Ihmels | [@ihmels](https://github.com/ihmels) |
|
|
831
844
|
| <img src="https://github.com/btaens.png?size=72" /> | btaens | [@btaens](https://github.com/btaens) |
|
|
832
845
|
| <img src="https://github.com/david-driscoll.png?size=72" /> | David Driscoll | [@david-driscoll](https://github.com/david-driscoll) |
|
|
846
|
+
| <img src="https://github.com/tyranteon.png?size=72" /> | Tyranteon | [@tyranteon](https://github.com/tyranteon) |
|
|
833
847
|
|
|
834
848
|
If we've missed someone (which is quite likely) submit a Pull Request to us and we'll get it resolved.
|
|
835
849
|
|
package/index.d.ts
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { FunctionalComponentOptions } from 'vue'
|
|
1
|
+
import { FunctionalComponentOptions, VueConstructor } from 'vue'
|
|
2
2
|
import { PropsDefinition } from 'vue/types/options'
|
|
3
3
|
interface FontAwesomeIconProps { }
|
|
4
4
|
interface FontAwesomeLayersProps { }
|
|
5
5
|
interface FontAwesomeLayersTextProps { }
|
|
6
|
-
export const FontAwesomeIcon: FunctionalComponentOptions<FontAwesomeIconProps, PropsDefinition<FontAwesomeIconProps>>
|
|
6
|
+
export const FontAwesomeIcon: FunctionalComponentOptions<FontAwesomeIconProps, PropsDefinition<FontAwesomeIconProps>> & VueConstructor
|
|
7
7
|
export const FontAwesomeLayers: FunctionalComponentOptions<FontAwesomeLayersProps, PropsDefinition<FontAwesomeLayersProps>>
|
|
8
8
|
export const FontAwesomeLayersText: FunctionalComponentOptions<FontAwesomeLayersTextProps, PropsDefinition<FontAwesomeLayersTextProps>>
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fortawesome/vue-fontawesome",
|
|
3
3
|
"description": "Official Vue component for Font Awesome 5",
|
|
4
|
-
"version": "0.1.
|
|
4
|
+
"version": "0.1.10",
|
|
5
5
|
"main": "index.js",
|
|
6
6
|
"module": "index.es.js",
|
|
7
7
|
"jsnext:main": "index.es.js",
|
|
@@ -19,7 +19,8 @@
|
|
|
19
19
|
"Xaver Schulz <github.com/schulz3000>",
|
|
20
20
|
"Yannick Ihmels <github.com/ihmels>",
|
|
21
21
|
"btaens <github.com/btaens>",
|
|
22
|
-
"David Driscoll <github.com/david-driscoll>"
|
|
22
|
+
"David Driscoll <github.com/david-driscoll>",
|
|
23
|
+
"Tyranteon <github.com/tyranteon>"
|
|
23
24
|
],
|
|
24
25
|
"license": "MIT",
|
|
25
26
|
"scripts": {
|