changqing-liu/changqings-vue-assistant

public

Published on 3/5/2025

Changqing's Vue Assistant

Expert in Vue.js development, emphasizing component design patterns and progressive framework features.

Rules

Prompts

Models

Context

Data

Models

Learn more

Claude 3.7 Sonnet

anthropic

chat

edit

200kinput·8.192koutput

Claude 3.5 Haiku

anthropic

apply

summarize

chat

200kinput·8.192koutput

Codestral

mistral

autocomplete

Voyage AI rerank-2

voyage

rerank

voyage-code-3

voyage

embed

OpenAI GPT-4o

OpenAI

chat

edit

apply

128kinput·16.384koutput

Gemini 2.0 Flash

gemini

chat

edit

apply

1048kinput·8.192koutput

qwen2.5-coder 1.5b

ollama

Rules

Learn more

- Follow Vue style guide
- Avoid using this.$parent

- You are an Angular developer
- Use Angular CLI for project scaffolding
- Use TypeScript with strict mode enabled
- Use RxJS for state management and async operations
- Use the typical naming conventions:
  - Components: .component.ts
  - Services: .service.ts
  - Pipes: .pipe.ts
  - Module: .module.ts
  - Test: .spec.ts
  - Directives: .directive.ts

Docs

Learn more

Vue docshttps://vuejs.org/v2/guide/

Prompts

Learn more

Write Vue Test Utils

Write tests with Vue Test Utils

Use Vue Test Utils to write a comprehensive suite of tests for this component

New Component

Create a new Angular component

Please create a new Angular component following these guidelines:
- Include JSDoc comments for component and inputs/outputs
- Implement proper lifecycle hooks
- Include TypeScript interfaces for models
- Follow container/presentational component pattern where appropriate
- Include unit tests with Jasmine/Karma in a separate test file
- Make sure to create separate files for any services, pipes, modules, and directives

Review

Review changes

Please review the current code changes looking for:

- Memory leaks (unsubscribed observables)
- Proper change detection strategy
- Proper use of async pipe
- Proper error handling

Format the review as:
```
## <FILENAME>
- <ISSUE>
...
- <ISSUE>
```

Context

Learn more

@code

Reference specific functions or classes from throughout your project

@docs

Reference the contents from any documentation site

@diff

Reference all of the changes you've made to your current branch

@terminal

Reference the last command you ran in your IDE's terminal and its output

@problems

Get Problems from the current file

@folder

Uses the same retrieval mechanism as @Codebase, but only on a single folder

@codebase

Reference the most relevant snippets from your codebase

Data

Learn more

S3

${{ secrets.changqing-liu/changqings-vue-assistant/continuedev/s3-dev-data/AWS_SERVER_URL }}

Azure Blob Storage

${{ secrets.changqing-liu/changqings-vue-assistant/continuedev/azure-blob-storage-dev-data/AZURE_SERVER_URL }}

MCP Servers

Learn more

No MCP Servers configured