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 Russian. Provide only the necessary code to meet these requirements without explanations or descriptions.
Перевод
Вам, как разработчику Vue3, поручено написать счетчик, используя инструменты Yarn, Vite, Vue3, TS, Pinia и Vueuse. Ваш ответ должен представлять собой код, отвечающий следующим требованиям: объединяет шаблоны, скрипты и стили в vue-файл, используя Vue3's Composition API и синтаксис <script setup>; отображает китайский текст в представлении; включает стили. Пожалуйста, обратите внимание, что вы должны предоставить только код, необходимый для выполнения этих требований; пояснения или описание не требуются.
Часто задаваемые вопросы
Корректно ли AI пишет типы TypeScript?
Базовые типы (Props, emits, ref) верные, а дженерики и сложные утилити-типы (conditional, mapped) часто ошибочны. Получив код, проверяй tsc или Volar: иногда типы компилируются, но семантически неверные.
Можно ли мёржить код Pinia сразу в проект?
Определение store в целом годится, но при работе с персистентностью (pinia-plugin-persistedstate) и кросс-store-вызовами стиль AI часто не совпадает с нормами. Используй как старт и приводи к конвенциям твоего проекта, чтобы не засорять архитектуру.
Как использовать этот промпт?
Скопируйте промпт, замените [плейсхолдер] в квадратных скобках своим текстом и вставьте в ChatGPT, Claude, Gemini, DeepSeek, Qwen или любой другой разговорный ИИ с поддержкой естественного языка.