Home - News ( United States | United Kingdom | Italy | Germany ) - Football scores

Showing content from https://docs.fontawesome.com/web/use-with/vue below:

Set Up with Vue | Font Awesome Docs

When using Font Awesome with Vue.js, we recommend using our official vue-fontawesome component to make everything work just right.

Before You Get Started

Make sure you have the following in place:

• A project using Vue.js 3 or later
• Access configured to use Font Awesome Pro packages

For Pro+ Icons, Use a Kit Package!

If you’re planning to use Pro+ icons, you’ll need an active Pro+ Plan and a v7 Kit with Package Installation enabled. (Kits work great for Pro icons too!)

In this doc, we’ll cover the basics of installing core utility packages, icon installation, and installing the Vue component, so that you can make awesome stuff your way!

First things first. Let’s install the vue-fontawesome component into your project.

Vue 3 and Above!

Our vue-fontawesome component is developed to officially support Vue.js 3. If you’re using an earlier version of Vue.js, we can’t guarantee that all aspects of the component are compatible or will function as expected.

npm install @fortawesome/vue-fontawesome@latest-3

yarn add @fortawesome/vue-fontawesome@latest-3

Next you’ll need to use npm or yarn to install the core package which is a dependency that includes all the utilities to make the icons work.

npm install @fortawesome/fontawesome-svg-core

yarn add @fortawesome/fontawesome-svg-core

Lastly, you’ll need to install the icons you want to use.

• If you’re just using Free icons, skip ahead to the Free package instructions.
• If you’re using Pro+ icons, you’ll need to use a Kit package.
• If you’re using Pro icons, there are you can use a Kit package or the SVG packages by style.

Pick the method that works for your project, and continue on for details on how to get the icons into your project.

This is the simplest way to get started if you’re using any Pro icons. And it’s also the only way to use to use Pro+ icons via a package manager.

Before installing your Kit package, you’ll need to complete the following steps:

1. Set up a Kit
2. Enable Package Installation for that Kit
3. Configure access to your Kit’s package

Once you’ve completed the steps above, install your Kit package:

npm install @awesome.me/kit-KIT_CODE@latest

yarn add @awesome.me/kit-KIT_CODE@latest

Alternatively, you can install individual Free or Pro icon packages for each style you want to use.

Free icons can be installed without any additional configuration and include the following styles.

npm install @fortawesome/free-solid-svg-icons
npm install @fortawesome/free-regular-svg-icons
npm install @fortawesome/free-brands-svg-icons

yarn add @fortawesome/free-solid-svg-icons
yarn add @fortawesome/free-regular-svg-icons
yarn add @fortawesome/free-brands-svg-icons

Pro icons require an active Pro Plan. You’ll also need to configure access to these Pro Packages before you can install and use them.

After configuration is complete, you can install any of the individual styles as packages, but use caution when installing full styles as they are big packages that include a lot of icons! (Using a Kit is more effcient.)

Here’s how to install the SVG packages for each style:

npm install @fortawesome/pro-solid-svg-icons
npm install @fortawesome/pro-regular-svg-icons
npm install @fortawesome/pro-light-svg-icons
npm install @fortawesome/pro-thin-svg-icons
npm install @fortawesome/pro-duotone-svg-icons
npm install @fortawesome/duotone-regular-svg-icons
npm install @fortawesome/duotone-light-svg-icons
npm install @fortawesome/duotone-thin-svg-icons
npm install @fortawesome/sharp-solid-svg-icons
npm install @fortawesome/sharp-regular-svg-icons
npm install @fortawesome/sharp-light-svg-icons
npm install @fortawesome/sharp-thin-svg-icons
npm install @fortawesome/sharp-duotone-solid-svg-icons
npm install @fortawesome/sharp-duotone-regular-svg-icons
npm install @fortawesome/sharp-duotone-light-svg-icons
npm install @fortawesome/sharp-duotone-thin-svg-icons

yarn add @fortawesome/pro-solid-svg-icons
yarn add @fortawesome/pro-regular-svg-icons
yarn add @fortawesome/pro-light-svg-icons
yarn add @fortawesome/pro-thin-svg-icons
yarn add @fortawesome/pro-duotone-svg-icons
yarn add @fortawesome/duotone-regular-svg-icons
yarn add @fortawesome/duotone-light-svg-icons
yarn add @fortawesome/duotone-thin-svg-icons
yarn add @fortawesome/sharp-solid-svg-icons
yarn add @fortawesome/sharp-regular-svg-icons
yarn add @fortawesome/sharp-light-svg-icons
yarn add @fortawesome/sharp-thin-svg-icons
yarn add @fortawesome/sharp-duotone-solid-svg-icons
yarn add @fortawesome/sharp-duotone-regular-svg-icons
yarn add @fortawesome/sharp-duotone-light-svg-icons
yarn add @fortawesome/sharp-duotone-thin-svg-icons

Pro+ Icons are only available in Kit Packages!

RetroSearch is an open source project built by @garambo | Open a GitHub Issue

Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo

HTML: 3.2 | Encoding: UTF-8 | Version: 0.7.4