Nuxt SmartScriptAutomatic Typography Transformations

What is Nuxt SmartScript? ​

Nuxt SmartScript is a powerful Nuxt module that automatically transforms typography patterns in your content to enhance readability and visual appeal. It works seamlessly with your existing Nuxt application, requiring minimal configuration.

🎉 What's New in v0.4.0 ​

• Full SSR/SSG Support - Server-side rendering and static generation now work perfectly
• 30+ Element Support - Process headings, paragraphs, lists, tables, spans, links, and more
• Improved Performance - Better caching and pattern matching
• Bug Fixes - Fixed navigation issues and configuration handling
• Better TypeScript - Improved type definitions and module builder integration

Why SmartScript? ​

🎯 Problem ​

Web content often contains patterns like (TM), (R), chemical formulas (H2O), and ordinal numbers (1st, 2nd) that could be displayed more professionally with proper typography.

✨ Solution ​

SmartScript automatically detects and transforms these patterns into beautifully formatted typography with proper superscripts, subscripts, and symbols - all while maintaining accessibility.

Quick Example ​

Input:

Your Product(TM) is the 1st choice for quality!
H2O and CO2 are common molecules.
E=mc^2 is Einstein's famous equation.

Output:

• Your Product™ is the 1^st choice for quality!
• H₂O and CO₂ are common molecules.
• E=mc² is Einstein's famous equation.

Perfect For ​

• 📚 Documentation Sites - Technical docs with formulas and trademark symbols
• 🏢 Corporate Websites - Professional typography for brand names and legal marks
• 🔬 Scientific Content - Chemical formulas and mathematical expressions
• 📰 Publishing Platforms - Articles with ordinal numbers and special symbols
• 📖 Educational Materials - Math and science content with proper notation

Installation ​

Install the module to your Nuxt application with one command:

npm install @mitre/nuxt-smartscript

pnpm add @mitre/nuxt-smartscript

yarn add @mitre/nuxt-smartscript

Add it to your nuxt.config.ts:

export default defineNuxtConfig({
  modules: ['@mitre/nuxt-smartscript'],
  
  // Optional: customize the behavior
  smartscript: {
    // Enable/disable specific transformations
    transformations: {
      trademark: true,    // (TM) → ™
      registered: true,   // (R) → ®
      copyright: true,    // (C) → ©
      ordinals: true,     // 1st → 1ˢᵗ
      chemicals: true,    // H2O → H₂O
      mathSuper: true,    // x^2 → x²
      mathSub: true,      // x_1 → x₁
    },
    
    // Full SSR/SSG support
    ssr: true,
    client: true,
  }
})

That's it! SmartScript will automatically enhance your typography across 30+ HTML elements.

License ​

Apache 2.0 - © 2025 MITRE Corporation