Nuxt Clippy

The Nuxt Clippy module for doing amazing things.

Quick Setup

Install the module to your Nuxt application with one command:

npx nuxi module add nuxt-clippy

That's it! You can now use Nuxt Clippy in your Nuxt app ✨

Actions

All the agent actions are queued and executed by order, so you could stack them.

// play a given animation
agent.play('Searching');

// play a random animation
agent.animate();

// get a list of all the animations
agent.animations();
// => ["MoveLeft", "Congratulate", "Hide", "Pleased", "Acknowledge", ...]

// Show text balloon
agent.speak('When all else fails, bind some paper together. My name is Clippy.');

// move to the given point, use animation if available
agent.moveTo(100,100);

// gesture at a given point (if gesture animation is available)
agent.gestureAt(200,200);

// stop the current action in the queue
agent.stopCurrent();

// stop all actions in the queue and go back to idle mode
agent.stop();

Licence

MIT

Special Thanks

• lizozom for the clippy typescript implementation
• pi0 for the original clippyJS implementation
• The Clippy.JS project by Smore
• The awesome Cinnamon Software for developing Double Agent the program we used to unpack Clippy and his friends!
• Microsoft, for creating clippy :)

Contribution

Local development

# Install dependencies
npm install

# Generate type stubs
npm run dev:prepare

# Develop with the playground
npm run dev

# Build the playground
npm run dev:build

# Run ESLint
npm run lint

# Run Vitest
npm run test
npm run test:watch

# Release new version
npm run release