MCPcopy Index your code
hub / github.com/Justineo/tempad-dev-plugin-nuxt-ui

github.com/Justineo/tempad-dev-plugin-nuxt-ui @main

Chat with this repo
repository ↗ · DeepWiki ↗ · + Follow
129 symbols 654 edges 84 files 0 documented · 0% ● updated 3d ago★ 62
What it actually does AI analysis from the code graph — generated when you open this
loading…
README

tempad-dev-plugin-nuxt-ui

Nuxt UI plugins for TemPad Dev.

This plugin allows you to view component code, specifically tailored for Nuxt UI.

Click the add button in the plugins section, enter "@nuxt" and press enter to install.

Installation

  1. Install TemPad Dev from Chrome Web Store.

  2. Install @nuxt or @nuxt/pro in TemPad Dev's plugins section.

[!Note]

@nuxt/pro contains all components in @nuxt, and 31 more components for Nuxt UI Pro.

If you are using the free version of Nuxt UI, you can install @nuxt for smaller plugin size.

Features

  • Component Codegen: Convert design components to Nuxt UI code.

e.g. InputOutline to <UInput>:

vue <UInput placeholder="Search..." icon="i-lucide-search" />

License

MIT License © 2025-Present GU Yiling

Extension points exported contracts — how you extend this code

ComponentPropsMap (Interface)
(no doc)
src/types.ts

Core symbols most depended-on inside this repo

cleanPropNames
called by 78
src/utils.ts
h
called by 77
src/utils.ts
toLowerCase
called by 68
src/utils.ts
getIconName
called by 44
src/components/icon.ts
renderSlot
called by 24
src/utils.ts
pickOverrides
called by 20
src/utils.ts
getFirst
called by 19
src/utils.ts
renderButtonItem
called by 18
src/components/button.ts

Shape

Function 128
Interface 1

Languages

TypeScript100%

Modules by API surface

src/utils.ts16 symbols
src/pro-components/content-navigation.ts4 symbols
src/components/avatar.ts4 symbols
src/pro-components/content-toc.ts3 symbols
src/components/navigation-menu.ts3 symbols
src/components/kbd.ts3 symbols
src/components/calendar.ts3 symbols
src/components/button.ts3 symbols
src/pro-components/user.ts2 symbols
src/pro-components/pricing-plan.ts2 symbols
src/pro-components/page-links.ts2 symbols
src/pro-components/page-feature.ts2 symbols

For agents

$ claude mcp add tempad-dev-plugin-nuxt-ui \
  -- python -m otcore.mcp_server <graph>

⬇ download graph artifact