nuxt / nuxt/modules

[Module Listing Request]: `@coremyslo/nuxt-icon-font` as `icon-font`

Open
#624 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

module-request
Dominant language
TypeScript
Stars
1.1k
Forks
354
Avg merge
10h 18m
Merged PRs (30d)
12

Description

Description

Features

  • 🕵️‍♂️ Watches specified folder (and sub-folders) with SVG icons and generates fonts on change
  • 💅 Optimizes SVG files via SVGO
  • 🤯 Manual or browserslist based auto-detection of font formats to generate
  • 🏗️ Generates and injects custom properties (variables) with icon codes into pages, where SVG file name is used as a variable name
  • ❤️ Detects and generates the most popular font format as base64 to reduce page jump effect
Repository

https://github.com/coremyslo/nuxt-icon-font

npm

https://www.npmjs.com/package/@coremyslo/nuxt-icon-font

Nuxt Compatibility

Nuxt 3

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Review the nuxt/modules repository's module-listing entry point and the linked @coremyslo/nuxt-icon-font repository and npm package. Confirm the Nuxt 3 module details and feature summary, then verify that the module appears in the appropriate listing.

Written by the indexing model from the issue text.

Assessment

Tech stack
nuxt, typescript
Domain
documentation
Issue type
Documentation
Difficulty
2/5
Estimated time
1-3 hours
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.