How to use in Vue framework

In your Nuxt project, you can easily utilize our library designed for web environments (@lordicon/element). To facilitate the integration process, we have created a simple demo application to showcase the integration.

Here are the key points to pay attention to: nuxt.config.ts

  • loading the Lordicon plugin and defining a new custom element; plugins/lordicon.js
  • loading the @lordicon/element library asynchronously (only in the web environment); further use of the element follows our documentation and examples: https://lordicon.com/docs/web.
Nuxt demo project
Visit web docs for more insights