Skip to main content

開発：Vue3

#contribute
#code
1.2K
Vue3 開発のお手伝い。gandli さんからの寄稿です。
プロンプトの内容
Create a Vue 3 component that displays a [プロジェクト] using Yarn, Vite, Vue 3, TypeScript, Pinia, and Vueuse tools. Use Vue 3's Composition API and <script setup> syntax to combine template, script, and style in a single .vue file. Respond in Japanese. Provide only the necessary code to meet these requirements without explanations or descriptions.
345 文字 · ≈ 115 tokens
Vue3 開発者として、あなたは Yarn、Vite、Vue3、TS、Pinia、Vueuse の各ツールを使ってカウンターを書くという課題を与えられています。あなたの回答は、以下の要件を満たすコードでなければなりません：Vue3 の Composition API と<script setup>構文を使用してテンプレート、スクリプト、スタイルを vue ファイルに結合する、ビューに中国語テキストを表示する、スタイルを含む。なお、これらの要件を満たすために必要なコードのみを提供する必要があり、説明や解説は不要です。
よくある質問
TypeScriptの型定義をAIは正しく書けますか?
基本型 (Props、emits、ref) は正確ですが、ジェネリックや複雑なユーティリティ型 (ConditionalType、Mapped) では誤ることが多いです。コードを取得後tscやVolarで検査してください。AIの型はコンパイルが通っても意味が正しくないことがあります。
Pinia状態管理のコードをプロジェクトに直接マージできますか?
Store定義は基本使えますが、永続化 (pinia-plugin-persistedstate) やStore間呼び出しのAI記法は規範的でないことがあります。AIコードを起点とし、プロジェクトのstore規約に合わせて修正し、アーキテクチャを汚染しないでください。
このプロンプトはどう使いますか？
プロンプトをコピーし、角括弧 [プレースホルダー] を自分の入力に置き換えたあと、ChatGPT、Claude、Gemini、DeepSeek、Qwen など自然言語対応の対話型 AI に貼り付けて送信してください。
Copyright © 2025 AiShort (ChatGPT Shortcut)