[{"data":1,"prerenderedAt":801},["Reactive",2],{"/blog/adding-font-awesome-to-nuxt-3":3},{"_path":4,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"title":8,"description":9,"date":10,"categories":11,"body":13,"_type":796,"_id":797,"_source":798,"_file":799,"_extension":800},"/blog/adding-font-awesome-to-nuxt-3","blog",false,"","Adding Font Awesome to Nuxt 3","Installing Font Awesome with Nuxt 3 is easy, but there a few gotchas that you may not be aware of.","2022-10-08T00:00:00.000Z",[12],"Nuxt 3",{"type":14,"children":15,"toc":790},"root",[16,24,31,36,108,113,119,132,505,511,524,761,766,772,784],{"type":17,"tag":18,"props":19,"children":20},"element","p",{},[21],{"type":22,"value":23},"text","Are you on the bleeding edge path of Nuxt and eager to use Font Awesome with Nuxt 3? Font Awesome has done a great job documenting the installation, but there a few missing steps you might run into with the latest version. You can find those instructions on the Font Awesome website, in case they change in the future.",{"type":17,"tag":25,"props":26,"children":28},"h2",{"id":27},"package-installation",[29],{"type":22,"value":30},"Package Installation",{"type":17,"tag":18,"props":32,"children":33},{},[34],{"type":22,"value":35},"First, let's get the packages installed and ready to go. Go ahead and run the following command based on your package manager:",{"type":17,"tag":37,"props":38,"children":42},"pre",{"className":39,"code":40,"language":41,"meta":7,"style":7},"language-bash shiki shiki-themes material-theme-lighter material-theme-palenight","# For NPM users\nnpm install @fortawesome/fontawesome-free @fortawesome/fontawesome-svg-core @fortawesome/free-brands-svg-icons @fortawesome/free-regular-svg-icons @fortawesome/free-solid-svg-icons @fortawesome/vue-fontawesome --save\n\n# For Yarn users\nyarn add @fortawesome/fontawesome-free @fortawesome/fontawesome-svg-core @fortawesome/free-brands-svg-icons @fortawesome/free-regular-svg-icons @fortawesome/free-solid-svg-icons @fortawesome/vue-fontawesome\n","bash",[43],{"type":17,"tag":44,"props":45,"children":46},"code",{"__ignoreMap":7},[47,59,75,85,94],{"type":17,"tag":48,"props":49,"children":52},"span",{"class":50,"line":51},"line",1,[53],{"type":17,"tag":48,"props":54,"children":56},{"style":55},"--shiki-default:#90A4AE;--shiki-dark:#676E95;--shiki-default-font-style:italic;--shiki-dark-font-style:italic",[57],{"type":22,"value":58},"# For NPM users\n",{"type":17,"tag":48,"props":60,"children":62},{"class":50,"line":61},2,[63,69],{"type":17,"tag":48,"props":64,"children":66},{"style":65},"--shiki-default:#E2931D;--shiki-dark:#FFCB6B",[67],{"type":22,"value":68},"npm",{"type":17,"tag":48,"props":70,"children":72},{"style":71},"--shiki-default:#91B859;--shiki-dark:#C3E88D",[73],{"type":22,"value":74}," install @fortawesome/fontawesome-free @fortawesome/fontawesome-svg-core @fortawesome/free-brands-svg-icons @fortawesome/free-regular-svg-icons @fortawesome/free-solid-svg-icons @fortawesome/vue-fontawesome --save\n",{"type":17,"tag":48,"props":76,"children":78},{"class":50,"line":77},3,[79],{"type":17,"tag":48,"props":80,"children":82},{"emptyLinePlaceholder":81},true,[83],{"type":22,"value":84},"\n",{"type":17,"tag":48,"props":86,"children":88},{"class":50,"line":87},4,[89],{"type":17,"tag":48,"props":90,"children":91},{"style":55},[92],{"type":22,"value":93},"# For Yarn users\n",{"type":17,"tag":48,"props":95,"children":97},{"class":50,"line":96},5,[98,103],{"type":17,"tag":48,"props":99,"children":100},{"style":65},[101],{"type":22,"value":102},"yarn",{"type":17,"tag":48,"props":104,"children":105},{"style":71},[106],{"type":22,"value":107}," add @fortawesome/fontawesome-free @fortawesome/fontawesome-svg-core @fortawesome/free-brands-svg-icons @fortawesome/free-regular-svg-icons @fortawesome/free-solid-svg-icons @fortawesome/vue-fontawesome\n",{"type":17,"tag":18,"props":109,"children":110},{},[111],{"type":22,"value":112},"This will install the free Font Awesome packages you could need, but feel free to limit those as needed.",{"type":17,"tag":25,"props":114,"children":116},{"id":115},"plugin-installation",[117],{"type":22,"value":118},"Plugin Installation",{"type":17,"tag":18,"props":120,"children":121},{},[122,124,130],{"type":22,"value":123},"Next, let's setup the plugin in the Nuxt project. Create a file in your plugins folder ",{"type":17,"tag":44,"props":125,"children":127},{"className":126},[],[128],{"type":22,"value":129},"/plugins/font-awesome.ts",{"type":22,"value":131},". The following code is what I use on this site, but you can add as many icons (or package of icons) as you need.",{"type":17,"tag":37,"props":133,"children":137},{"className":134,"code":135,"filename":129,"language":136,"meta":7,"style":7},"language-js shiki shiki-themes material-theme-lighter material-theme-palenight","import { library, config } from '@fortawesome/fontawesome-svg-core'\nimport { FontAwesomeIcon } from '@fortawesome/vue-fontawesome'\nimport { faGithub, faLinkedin, faTwitter } from '@fortawesome/free-brands-svg-icons'\n\nconfig.autoAddCss = false\nlibrary.add(faGithub, faLinkedin, faTwitter)\n\nexport default defineNuxtPlugin((nuxtApp) => {\n  nuxtApp.vueApp.component('font-awesome-icon', FontAwesomeIcon, {})\n})\n","js",[138],{"type":17,"tag":44,"props":139,"children":140},{"__ignoreMap":7},[141,197,234,289,296,325,366,374,424,492],{"type":17,"tag":48,"props":142,"children":143},{"class":50,"line":51},[144,150,156,162,167,172,177,182,187,192],{"type":17,"tag":48,"props":145,"children":147},{"style":146},"--shiki-default:#39ADB5;--shiki-dark:#89DDFF;--shiki-default-font-style:italic;--shiki-dark-font-style:italic",[148],{"type":22,"value":149},"import",{"type":17,"tag":48,"props":151,"children":153},{"style":152},"--shiki-default:#39ADB5;--shiki-dark:#89DDFF",[154],{"type":22,"value":155}," {",{"type":17,"tag":48,"props":157,"children":159},{"style":158},"--shiki-default:#90A4AE;--shiki-dark:#BABED8",[160],{"type":22,"value":161}," library",{"type":17,"tag":48,"props":163,"children":164},{"style":152},[165],{"type":22,"value":166},",",{"type":17,"tag":48,"props":168,"children":169},{"style":158},[170],{"type":22,"value":171}," config",{"type":17,"tag":48,"props":173,"children":174},{"style":152},[175],{"type":22,"value":176}," }",{"type":17,"tag":48,"props":178,"children":179},{"style":146},[180],{"type":22,"value":181}," from",{"type":17,"tag":48,"props":183,"children":184},{"style":152},[185],{"type":22,"value":186}," '",{"type":17,"tag":48,"props":188,"children":189},{"style":71},[190],{"type":22,"value":191},"@fortawesome/fontawesome-svg-core",{"type":17,"tag":48,"props":193,"children":194},{"style":152},[195],{"type":22,"value":196},"'\n",{"type":17,"tag":48,"props":198,"children":199},{"class":50,"line":61},[200,204,208,213,217,221,225,230],{"type":17,"tag":48,"props":201,"children":202},{"style":146},[203],{"type":22,"value":149},{"type":17,"tag":48,"props":205,"children":206},{"style":152},[207],{"type":22,"value":155},{"type":17,"tag":48,"props":209,"children":210},{"style":158},[211],{"type":22,"value":212}," FontAwesomeIcon",{"type":17,"tag":48,"props":214,"children":215},{"style":152},[216],{"type":22,"value":176},{"type":17,"tag":48,"props":218,"children":219},{"style":146},[220],{"type":22,"value":181},{"type":17,"tag":48,"props":222,"children":223},{"style":152},[224],{"type":22,"value":186},{"type":17,"tag":48,"props":226,"children":227},{"style":71},[228],{"type":22,"value":229},"@fortawesome/vue-fontawesome",{"type":17,"tag":48,"props":231,"children":232},{"style":152},[233],{"type":22,"value":196},{"type":17,"tag":48,"props":235,"children":236},{"class":50,"line":77},[237,241,245,250,254,259,263,268,272,276,280,285],{"type":17,"tag":48,"props":238,"children":239},{"style":146},[240],{"type":22,"value":149},{"type":17,"tag":48,"props":242,"children":243},{"style":152},[244],{"type":22,"value":155},{"type":17,"tag":48,"props":246,"children":247},{"style":158},[248],{"type":22,"value":249}," faGithub",{"type":17,"tag":48,"props":251,"children":252},{"style":152},[253],{"type":22,"value":166},{"type":17,"tag":48,"props":255,"children":256},{"style":158},[257],{"type":22,"value":258}," faLinkedin",{"type":17,"tag":48,"props":260,"children":261},{"style":152},[262],{"type":22,"value":166},{"type":17,"tag":48,"props":264,"children":265},{"style":158},[266],{"type":22,"value":267}," faTwitter",{"type":17,"tag":48,"props":269,"children":270},{"style":152},[271],{"type":22,"value":176},{"type":17,"tag":48,"props":273,"children":274},{"style":146},[275],{"type":22,"value":181},{"type":17,"tag":48,"props":277,"children":278},{"style":152},[279],{"type":22,"value":186},{"type":17,"tag":48,"props":281,"children":282},{"style":71},[283],{"type":22,"value":284},"@fortawesome/free-brands-svg-icons",{"type":17,"tag":48,"props":286,"children":287},{"style":152},[288],{"type":22,"value":196},{"type":17,"tag":48,"props":290,"children":291},{"class":50,"line":87},[292],{"type":17,"tag":48,"props":293,"children":294},{"emptyLinePlaceholder":81},[295],{"type":22,"value":84},{"type":17,"tag":48,"props":297,"children":298},{"class":50,"line":96},[299,304,309,314,319],{"type":17,"tag":48,"props":300,"children":301},{"style":158},[302],{"type":22,"value":303},"config",{"type":17,"tag":48,"props":305,"children":306},{"style":152},[307],{"type":22,"value":308},".",{"type":17,"tag":48,"props":310,"children":311},{"style":158},[312],{"type":22,"value":313},"autoAddCss ",{"type":17,"tag":48,"props":315,"children":316},{"style":152},[317],{"type":22,"value":318},"=",{"type":17,"tag":48,"props":320,"children":322},{"style":321},"--shiki-default:#FF5370;--shiki-dark:#FF9CAC",[323],{"type":22,"value":324}," false\n",{"type":17,"tag":48,"props":326,"children":328},{"class":50,"line":327},6,[329,334,338,344,349,353,357,361],{"type":17,"tag":48,"props":330,"children":331},{"style":158},[332],{"type":22,"value":333},"library",{"type":17,"tag":48,"props":335,"children":336},{"style":152},[337],{"type":22,"value":308},{"type":17,"tag":48,"props":339,"children":341},{"style":340},"--shiki-default:#6182B8;--shiki-dark:#82AAFF",[342],{"type":22,"value":343},"add",{"type":17,"tag":48,"props":345,"children":346},{"style":158},[347],{"type":22,"value":348},"(faGithub",{"type":17,"tag":48,"props":350,"children":351},{"style":152},[352],{"type":22,"value":166},{"type":17,"tag":48,"props":354,"children":355},{"style":158},[356],{"type":22,"value":258},{"type":17,"tag":48,"props":358,"children":359},{"style":152},[360],{"type":22,"value":166},{"type":17,"tag":48,"props":362,"children":363},{"style":158},[364],{"type":22,"value":365}," faTwitter)\n",{"type":17,"tag":48,"props":367,"children":369},{"class":50,"line":368},7,[370],{"type":17,"tag":48,"props":371,"children":372},{"emptyLinePlaceholder":81},[373],{"type":22,"value":84},{"type":17,"tag":48,"props":375,"children":377},{"class":50,"line":376},8,[378,383,388,393,398,402,408,413,419],{"type":17,"tag":48,"props":379,"children":380},{"style":146},[381],{"type":22,"value":382},"export",{"type":17,"tag":48,"props":384,"children":385},{"style":146},[386],{"type":22,"value":387}," default",{"type":17,"tag":48,"props":389,"children":390},{"style":340},[391],{"type":22,"value":392}," defineNuxtPlugin",{"type":17,"tag":48,"props":394,"children":395},{"style":158},[396],{"type":22,"value":397},"(",{"type":17,"tag":48,"props":399,"children":400},{"style":152},[401],{"type":22,"value":397},{"type":17,"tag":48,"props":403,"children":405},{"style":404},"--shiki-default:#90A4AE;--shiki-dark:#BABED8;--shiki-default-font-style:italic;--shiki-dark-font-style:italic",[406],{"type":22,"value":407},"nuxtApp",{"type":17,"tag":48,"props":409,"children":410},{"style":152},[411],{"type":22,"value":412},")",{"type":17,"tag":48,"props":414,"children":416},{"style":415},"--shiki-default:#9C3EDA;--shiki-dark:#C792EA",[417],{"type":22,"value":418}," =>",{"type":17,"tag":48,"props":420,"children":421},{"style":152},[422],{"type":22,"value":423}," {\n",{"type":17,"tag":48,"props":425,"children":427},{"class":50,"line":426},9,[428,433,437,442,446,451,456,461,466,470,474,478,482,487],{"type":17,"tag":48,"props":429,"children":430},{"style":158},[431],{"type":22,"value":432},"  nuxtApp",{"type":17,"tag":48,"props":434,"children":435},{"style":152},[436],{"type":22,"value":308},{"type":17,"tag":48,"props":438,"children":439},{"style":158},[440],{"type":22,"value":441},"vueApp",{"type":17,"tag":48,"props":443,"children":444},{"style":152},[445],{"type":22,"value":308},{"type":17,"tag":48,"props":447,"children":448},{"style":340},[449],{"type":22,"value":450},"component",{"type":17,"tag":48,"props":452,"children":454},{"style":453},"--shiki-default:#E53935;--shiki-dark:#F07178",[455],{"type":22,"value":397},{"type":17,"tag":48,"props":457,"children":458},{"style":152},[459],{"type":22,"value":460},"'",{"type":17,"tag":48,"props":462,"children":463},{"style":71},[464],{"type":22,"value":465},"font-awesome-icon",{"type":17,"tag":48,"props":467,"children":468},{"style":152},[469],{"type":22,"value":460},{"type":17,"tag":48,"props":471,"children":472},{"style":152},[473],{"type":22,"value":166},{"type":17,"tag":48,"props":475,"children":476},{"style":158},[477],{"type":22,"value":212},{"type":17,"tag":48,"props":479,"children":480},{"style":152},[481],{"type":22,"value":166},{"type":17,"tag":48,"props":483,"children":484},{"style":152},[485],{"type":22,"value":486}," {}",{"type":17,"tag":48,"props":488,"children":489},{"style":453},[490],{"type":22,"value":491},")\n",{"type":17,"tag":48,"props":493,"children":495},{"class":50,"line":494},10,[496,501],{"type":17,"tag":48,"props":497,"children":498},{"style":152},[499],{"type":22,"value":500},"}",{"type":17,"tag":48,"props":502,"children":503},{"style":158},[504],{"type":22,"value":491},{"type":17,"tag":25,"props":506,"children":508},{"id":507},"nuxt-config-changes",[509],{"type":22,"value":510},"Nuxt Config Changes",{"type":17,"tag":18,"props":512,"children":513},{},[514,516,522],{"type":22,"value":515},"Last, we need to add some code to the ",{"type":17,"tag":44,"props":517,"children":519},{"className":518},[],[520],{"type":22,"value":521},"nuxt.config.ts",{"type":22,"value":523}," file.",{"type":17,"tag":37,"props":525,"children":527},{"className":134,"code":526,"filename":521,"language":136,"meta":7,"style":7},"export default defineNuxtConfig({\n  css: [\n    '@fortawesome/fontawesome-svg-core/styles.css'\n  ],\n  build: {\n    transpile: [\n      '@fortawesome/fontawesome-svg-core',\n      '@fortawesome/free-brands-svg-icons',\n      '@fortawesome/free-regular-svg-icons',\n      '@fortawesome/free-solid-svg-icons',\n      '@fortawesome/vue-fontawesome'\n    ]\n  }\n})\n",[528],{"type":17,"tag":44,"props":529,"children":530},{"__ignoreMap":7},[531,556,574,591,604,620,636,656,675,695,715,731,740,749],{"type":17,"tag":48,"props":532,"children":533},{"class":50,"line":51},[534,538,542,547,551],{"type":17,"tag":48,"props":535,"children":536},{"style":146},[537],{"type":22,"value":382},{"type":17,"tag":48,"props":539,"children":540},{"style":146},[541],{"type":22,"value":387},{"type":17,"tag":48,"props":543,"children":544},{"style":340},[545],{"type":22,"value":546}," defineNuxtConfig",{"type":17,"tag":48,"props":548,"children":549},{"style":158},[550],{"type":22,"value":397},{"type":17,"tag":48,"props":552,"children":553},{"style":152},[554],{"type":22,"value":555},"{\n",{"type":17,"tag":48,"props":557,"children":558},{"class":50,"line":61},[559,564,569],{"type":17,"tag":48,"props":560,"children":561},{"style":453},[562],{"type":22,"value":563},"  css",{"type":17,"tag":48,"props":565,"children":566},{"style":152},[567],{"type":22,"value":568},":",{"type":17,"tag":48,"props":570,"children":571},{"style":158},[572],{"type":22,"value":573}," [\n",{"type":17,"tag":48,"props":575,"children":576},{"class":50,"line":77},[577,582,587],{"type":17,"tag":48,"props":578,"children":579},{"style":152},[580],{"type":22,"value":581},"    '",{"type":17,"tag":48,"props":583,"children":584},{"style":71},[585],{"type":22,"value":586},"@fortawesome/fontawesome-svg-core/styles.css",{"type":17,"tag":48,"props":588,"children":589},{"style":152},[590],{"type":22,"value":196},{"type":17,"tag":48,"props":592,"children":593},{"class":50,"line":87},[594,599],{"type":17,"tag":48,"props":595,"children":596},{"style":158},[597],{"type":22,"value":598},"  ]",{"type":17,"tag":48,"props":600,"children":601},{"style":152},[602],{"type":22,"value":603},",\n",{"type":17,"tag":48,"props":605,"children":606},{"class":50,"line":96},[607,612,616],{"type":17,"tag":48,"props":608,"children":609},{"style":453},[610],{"type":22,"value":611},"  build",{"type":17,"tag":48,"props":613,"children":614},{"style":152},[615],{"type":22,"value":568},{"type":17,"tag":48,"props":617,"children":618},{"style":152},[619],{"type":22,"value":423},{"type":17,"tag":48,"props":621,"children":622},{"class":50,"line":327},[623,628,632],{"type":17,"tag":48,"props":624,"children":625},{"style":453},[626],{"type":22,"value":627},"    transpile",{"type":17,"tag":48,"props":629,"children":630},{"style":152},[631],{"type":22,"value":568},{"type":17,"tag":48,"props":633,"children":634},{"style":158},[635],{"type":22,"value":573},{"type":17,"tag":48,"props":637,"children":638},{"class":50,"line":368},[639,644,648,652],{"type":17,"tag":48,"props":640,"children":641},{"style":152},[642],{"type":22,"value":643},"      '",{"type":17,"tag":48,"props":645,"children":646},{"style":71},[647],{"type":22,"value":191},{"type":17,"tag":48,"props":649,"children":650},{"style":152},[651],{"type":22,"value":460},{"type":17,"tag":48,"props":653,"children":654},{"style":152},[655],{"type":22,"value":603},{"type":17,"tag":48,"props":657,"children":658},{"class":50,"line":376},[659,663,667,671],{"type":17,"tag":48,"props":660,"children":661},{"style":152},[662],{"type":22,"value":643},{"type":17,"tag":48,"props":664,"children":665},{"style":71},[666],{"type":22,"value":284},{"type":17,"tag":48,"props":668,"children":669},{"style":152},[670],{"type":22,"value":460},{"type":17,"tag":48,"props":672,"children":673},{"style":152},[674],{"type":22,"value":603},{"type":17,"tag":48,"props":676,"children":677},{"class":50,"line":426},[678,682,687,691],{"type":17,"tag":48,"props":679,"children":680},{"style":152},[681],{"type":22,"value":643},{"type":17,"tag":48,"props":683,"children":684},{"style":71},[685],{"type":22,"value":686},"@fortawesome/free-regular-svg-icons",{"type":17,"tag":48,"props":688,"children":689},{"style":152},[690],{"type":22,"value":460},{"type":17,"tag":48,"props":692,"children":693},{"style":152},[694],{"type":22,"value":603},{"type":17,"tag":48,"props":696,"children":697},{"class":50,"line":494},[698,702,707,711],{"type":17,"tag":48,"props":699,"children":700},{"style":152},[701],{"type":22,"value":643},{"type":17,"tag":48,"props":703,"children":704},{"style":71},[705],{"type":22,"value":706},"@fortawesome/free-solid-svg-icons",{"type":17,"tag":48,"props":708,"children":709},{"style":152},[710],{"type":22,"value":460},{"type":17,"tag":48,"props":712,"children":713},{"style":152},[714],{"type":22,"value":603},{"type":17,"tag":48,"props":716,"children":718},{"class":50,"line":717},11,[719,723,727],{"type":17,"tag":48,"props":720,"children":721},{"style":152},[722],{"type":22,"value":643},{"type":17,"tag":48,"props":724,"children":725},{"style":71},[726],{"type":22,"value":229},{"type":17,"tag":48,"props":728,"children":729},{"style":152},[730],{"type":22,"value":196},{"type":17,"tag":48,"props":732,"children":734},{"class":50,"line":733},12,[735],{"type":17,"tag":48,"props":736,"children":737},{"style":158},[738],{"type":22,"value":739},"    ]\n",{"type":17,"tag":48,"props":741,"children":743},{"class":50,"line":742},13,[744],{"type":17,"tag":48,"props":745,"children":746},{"style":152},[747],{"type":22,"value":748},"  }\n",{"type":17,"tag":48,"props":750,"children":752},{"class":50,"line":751},14,[753,757],{"type":17,"tag":48,"props":754,"children":755},{"style":152},[756],{"type":22,"value":500},{"type":17,"tag":48,"props":758,"children":759},{"style":158},[760],{"type":22,"value":491},{"type":17,"tag":18,"props":762,"children":763},{},[764],{"type":22,"value":765},"If you decided to use less of the free packages (or add pro packages), be sure to change that transpile list accordingly. The CSS can be left as-is no matter what.",{"type":17,"tag":25,"props":767,"children":769},{"id":768},"conclusion",[770],{"type":22,"value":771},"Conclusion",{"type":17,"tag":18,"props":773,"children":774},{},[775,777,783],{"type":22,"value":776},"That's it! You can now use Font Awesome anywhere using the Vue components, like ",{"type":17,"tag":44,"props":778,"children":780},{"className":779},[],[781],{"type":22,"value":782},"\u003Cfont-awesome-icon icon=\"fa-brands fa-github\" />",{"type":22,"value":308},{"type":17,"tag":785,"props":786,"children":787},"style",{},[788],{"type":22,"value":789},"html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}",{"title":7,"searchDepth":61,"depth":61,"links":791},[792,793,794,795],{"id":27,"depth":61,"text":30},{"id":115,"depth":61,"text":118},{"id":507,"depth":61,"text":510},{"id":768,"depth":61,"text":771},"markdown","content:blog:adding-font-awesome-to-nuxt-3.md","content","blog/adding-font-awesome-to-nuxt-3.md","md",1784603432951]