longviewlabs-icons

This package contains the icons used in the Longview Labs project. The icons are designed to be used in various components and pages of longview labs application.

Installation

To install the icons package, you can use npm or yarn:

npm install longviewlabs-icons

or

yarn add longviewlabs-icons

Usage

Nuxt 3

To use the icons in a Nuxt 3 project, you can update the nuxt config file to include the icons package:

import path from 'path';

export default defineNuxtConfig({
  ...otherConfig,

  // add styles to css
  css: [
    'longviewlabs-icons/styles.scss'
  ],

  // custom hook function to copy icons to public folder
  hooks: {
    'nitro:init': (nitro) => {
      // add longviewlabs-icons assets to nitro public assets
      const dir = path.join(nitro.options.rootDir, 'node_modules/longviewlabs-icons/assets');
      nitro.options.publicAssets.push({
        dir,
        baseURL: '/icons',
        maxAge: 31536000,
      });
    }
  }
})

After adding the above configuration, you can use the icons in your components like this:

<template>
  <div>
    <div class="icon replace-with-name" ></div>
  </div>
</template>