@fortawesome/vue-fontawesome 2.0.4 → 2.0.7
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/CHANGELOG.md +23 -0
- package/README.md +6 -6
- package/index.es.js +314 -230
- package/index.js +636 -552
- package/package.json +40 -23
- package/src/components/FontAwesomeIcon.js +36 -4
- package/src/utils.js +10 -1
- package/.babelrc +0 -3
- package/.github/ISSUE_TEMPLATE/bug_report.md +0 -24
- package/.github/ISSUE_TEMPLATE/feature_request.md +0 -20
- package/.github/workflows/ci.yml +0 -31
- package/.npmrc.proregistry +0 -2
- package/.tool-versions +0 -2
- package/CODE_OF_CONDUCT.md +0 -74
- package/CONTRIBUTING.md +0 -57
- package/DEVELOPMENT.md +0 -44
- package/bin/dev +0 -3
- package/bin/setup +0 -8
- package/examples/vue-cli-webpack/.babelrc +0 -12
- package/examples/vue-cli-webpack/.editorconfig +0 -9
- package/examples/vue-cli-webpack/.eslintignore +0 -4
- package/examples/vue-cli-webpack/.eslintrc.js +0 -29
- package/examples/vue-cli-webpack/.postcssrc.js +0 -10
- package/examples/vue-cli-webpack/README.md +0 -21
- package/examples/vue-cli-webpack/build/build.js +0 -41
- package/examples/vue-cli-webpack/build/check-versions.js +0 -54
- package/examples/vue-cli-webpack/build/logo.png +0 -0
- package/examples/vue-cli-webpack/build/utils.js +0 -101
- package/examples/vue-cli-webpack/build/vue-loader.conf.js +0 -22
- package/examples/vue-cli-webpack/build/webpack.base.conf.js +0 -91
- package/examples/vue-cli-webpack/build/webpack.dev.conf.js +0 -95
- package/examples/vue-cli-webpack/build/webpack.prod.conf.js +0 -145
- package/examples/vue-cli-webpack/config/dev.env.js +0 -7
- package/examples/vue-cli-webpack/config/index.js +0 -76
- package/examples/vue-cli-webpack/config/prod.env.js +0 -4
- package/examples/vue-cli-webpack/index.html +0 -13
- package/examples/vue-cli-webpack/package-lock.json +0 -11632
- package/examples/vue-cli-webpack/package.json +0 -77
- package/examples/vue-cli-webpack/src/App.vue +0 -66
- package/examples/vue-cli-webpack/src/assets/logo.png +0 -0
- package/examples/vue-cli-webpack/src/components/HelloWorld.vue +0 -113
- package/examples/vue-cli-webpack/src/main.js +0 -28
- package/examples/vue-cli-webpack/static/.gitkeep +0 -0
- package/rollup.config.js +0 -54
- package/src/components/__fixtures__/helpers.js +0 -40
- package/src/components/__fixtures__/icons.js +0 -35
- package/src/components/__tests__/FontAwesomeIcon.test.js +0 -330
- package/src/components/__tests__/FontAwesomeLayers.test.js +0 -55
- package/src/components/__tests__/FontAwesomeLayersText.test.js +0 -52
package/CHANGELOG.md
CHANGED
|
@@ -10,6 +10,29 @@ The format is based on [Keep a Changelog](http://keepachangelog.com/) and this p
|
|
|
10
10
|
|
|
11
11
|
---
|
|
12
12
|
|
|
13
|
+
## [2.0.7](https://github.com/FortAwesome/vue-fontawesome/releases/tag/2.0.7) - 20222-06-07
|
|
14
|
+
|
|
15
|
+
### Fixed
|
|
16
|
+
* Animations for bounce, shake, beat and beat-fade
|
|
17
|
+
* Flip animation when used by itself
|
|
18
|
+
|
|
19
|
+
---
|
|
20
|
+
|
|
21
|
+
## [2.0.6](https://github.com/FortAwesome/vue-fontawesome/releases/tag/2.0.6) - 2021-10-18
|
|
22
|
+
|
|
23
|
+
### Fixed
|
|
24
|
+
* Include 1.3.0-beta versions in peer dependencies
|
|
25
|
+
|
|
26
|
+
---
|
|
27
|
+
|
|
28
|
+
## [2.0.5](https://github.com/FortAwesome/vue-fontawesome/releases/tag/2.0.5) - 2021-10-15
|
|
29
|
+
|
|
30
|
+
### Added
|
|
31
|
+
* New sizes for `size` prop: 2xs, xl, 2xl
|
|
32
|
+
* New animation booleans: `beat`, `fade`, `flash`, `spin-pulse`, & `spin-reverse`
|
|
33
|
+
|
|
34
|
+
---
|
|
35
|
+
|
|
13
36
|
## [2.0.4](https://github.com/FortAwesome/vue-fontawesome/releases/tag/2.0.4) - 2021-10-15
|
|
14
37
|
|
|
15
38
|
### Fixed
|
package/README.md
CHANGED
|
@@ -220,7 +220,7 @@ Using the Pro packages requires [additional configuration](https://fontawesome.c
|
|
|
220
220
|
|
|
221
221
|
```javascript
|
|
222
222
|
import { library } from '@fortawesome/fontawesome-svg-core'
|
|
223
|
-
|
|
223
|
+
// Note we are using the Pro style here
|
|
224
224
|
import { faUserSecret } from '@fortawesome/pro-regular-svg-icons'
|
|
225
225
|
|
|
226
226
|
library.add(faUserSecret)
|
|
@@ -234,7 +234,7 @@ library.add(faUserSecret)
|
|
|
234
234
|
|
|
235
235
|
```javascript
|
|
236
236
|
import { library } from '@fortawesome/fontawesome-svg-core'
|
|
237
|
-
|
|
237
|
+
// Note we are using the Pro style here
|
|
238
238
|
import { faUserSecret } from '@fortawesome/pro-light-svg-icons'
|
|
239
239
|
|
|
240
240
|
library.add(faUserSecret)
|
|
@@ -248,7 +248,7 @@ library.add(faUserSecret)
|
|
|
248
248
|
|
|
249
249
|
```javascript
|
|
250
250
|
import { library } from '@fortawesome/fontawesome-svg-core'
|
|
251
|
-
|
|
251
|
+
// Note we are using the Pro style here
|
|
252
252
|
import { faUserSecret } from '@fortawesome/pro-duotone-svg-icons'
|
|
253
253
|
|
|
254
254
|
library.add(faUserSecret)
|
|
@@ -304,8 +304,8 @@ The `icon` property of the `FontAwesomeIcon` component can be used in the follow
|
|
|
304
304
|
<font-awesome-icon icon="spinner" />
|
|
305
305
|
<font-awesome-icon icon="align-left" />
|
|
306
306
|
|
|
307
|
-
<font-awesome-icon :icon="['fas', 'spinner']" />
|
|
308
|
-
<font-awesome-icon :icon="['fas', 'align-left']" />
|
|
307
|
+
<font-awesome-icon :icon="['fas', 'spinner']" /> // Same as above
|
|
308
|
+
<font-awesome-icon :icon="['fas', 'align-left']" /> // Same as above
|
|
309
309
|
```
|
|
310
310
|
|
|
311
311
|
For the above to work you must add the `spinner` and `align-left` icon to the library.
|
|
@@ -321,7 +321,7 @@ In the event that you are using an icon with a multi-word name please note that
|
|
|
321
321
|
you would need to pass in the icon name using _kebab-case_ as opposed to _camelCase_.
|
|
322
322
|
|
|
323
323
|
```javascript
|
|
324
|
-
<font-awesome-icon icon="address-card" />
|
|
324
|
+
<font-awesome-icon icon="address-card" /> // import { faAddressCard } from '@fortawesome/free-solid-svg-icons'
|
|
325
325
|
```
|
|
326
326
|
|
|
327
327
|
#### Explicit prefix (note the Vue bind shorthand because this uses an array)
|