{"_id":"@asnvrn/mg-common","_rev":"3-f2a1af1a0bd47b22502a0f08f4de74db","name":"@asnvrn/mg-common","dist-tags":{"latest":"0.0.3"},"versions":{"0.0.1":{"name":"@asnvrn/mg-common","version":"0.0.1","keywords":["vue","vue3","components","ui","mg-common"],"author":{"name":"MG Team"},"license":"MIT","_id":"@asnvrn/mg-common@0.0.1","maintainers":[{"name":"asnvrn","email":"asnvrn@mail.ru"}],"homepage":"https://github.com/your-org/mg-common#readme","bugs":{"url":"https://github.com/your-org/mg-common/issues"},"dist":{"shasum":"9007aaa6c9109306de1489d0aa1c887c2832e3aa","tarball":"https://registry.npmjs.org/@asnvrn/mg-common/-/mg-common-0.0.1.tgz","fileCount":5,"integrity":"sha512-ScNtdbxIQc4dXfx2OF0B/RSt86jhgUB9oH3VCSCUji60aRmG6CSqo7Cd8XAG9kc3iJA7CCvRgMtodD9ltHqFyA==","signatures":[{"sig":"MEYCIQDCoZy7Gu5f+9m9kIUH6w/IBARHWrBekyYdzUvDvztQWwIhAIAtJMg5QwBDhYfZAOIq47XEycZi+XSG23aY7Bt5U3X7","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":8923},"main":"dist/index.js","type":"module","types":"dist/index.d.ts","module":"dist/index.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/index.js"},"./main.scss":"./src/main.scss","./dist/style.css":"./dist/style.css"},"scripts":{"dev":"vite build --watch","build":"vite build && npx vue-tsc --declaration --emitDeclarationOnly --outDir dist","prepublishOnly":"npm run build"},"_npmUser":{"name":"asnvrn","email":"asnvrn@mail.ru"},"repository":{"url":"git+https://github.com/your-org/mg-common.git","type":"git","directory":"packages/mg-common"},"_npmVersion":"10.8.2","description":"Reusable Vue 3 components for MG projects","directories":{},"_nodeVersion":"18.20.8","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^5.0.0","vue-tsc":"^2.0.0","typescript":"^5.0.0","sass-embedded":"^1.84.1","@vitejs/plugin-vue":"^5.0.0"},"peerDependencies":{"vue":"^3.0.0"},"_npmOperationalInternal":{"tmp":"tmp/mg-common_0.0.1_1752914900753_0.027153798507290716","host":"s3://npm-registry-packages-npm-production"}},"0.0.2":{"name":"@asnvrn/mg-common","version":"0.0.2","keywords":["vue","vue3","components","ui","mg-common"],"author":{"name":"MG Team"},"license":"MIT","_id":"@asnvrn/mg-common@0.0.2","maintainers":[{"name":"asnvrn","email":"asnvrn@mail.ru"}],"homepage":"https://gitlab.com/multimediaguide/mg-common#readme","bugs":{"url":"https://gitlab.com/multimediaguide/mg-common/issues"},"dist":{"shasum":"954497c0a20eacf95c77975bf7413cde6ccefb48","tarball":"https://registry.npmjs.org/@asnvrn/mg-common/-/mg-common-0.0.2.tgz","fileCount":7,"integrity":"sha512-mUr6ewes/Ow7T6JOXTmBwkXGhBQlRi1pjmaU/aOvzWqk1YTBactUbh2p+898rd34qEwbM4+rEHorIfFyInSZLQ==","signatures":[{"sig":"MEYCIQDbAcsSjQlUTbkuSkUsKCKfW863JggD0GiUzFtMTjqnCwIhAPOsPlYCw1+KPODGuxoBjHMpqUkTBzafCv8Sm9UDAid/","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":13008},"main":"dist/index.js","type":"module","types":"dist/index.d.ts","module":"dist/index.js","engines":{"npm":"10.9.2","node":"22.16.0"},"exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js"},"./style":"./dist/style.css","./main.scss":"./src/main.scss"},"gitHead":"92352e7bb59d7bec6378faf78e67218c32395a90","scripts":{"dev":"vite build --watch","build":"vite build && npx vue-tsc --declaration --emitDeclarationOnly --outDir dist","prepublishOnly":"npm run build"},"_npmUser":{"name":"asnvrn","email":"asnvrn@mail.ru"},"repository":{"url":"git+https://gitlab.com/multimediaguide/mg-common.git","type":"git","directory":"packages/mg-common"},"_npmVersion":"10.9.2","description":"Reusable Vue 3 components for MG projects","directories":{},"_nodeVersion":"22.16.0","dependencies":{"sass":"^1.89.2"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^7.0.5","vue-tsc":"^2.0.0","typescript":"^5.0.0","@vitejs/plugin-vue":"^6.0.0"},"peerDependencies":{"vue":"^3.0.0"},"_npmOperationalInternal":{"tmp":"tmp/mg-common_0.0.2_1752936533917_0.3007600664020629","host":"s3://npm-registry-packages-npm-production"}},"0.0.3":{"name":"@asnvrn/mg-common","version":"0.0.3","description":"Reusable Vue 3 components for MG projects","type":"module","main":"dist/index.js","module":"dist/index.js","types":"dist/index.d.ts","scripts":{"build":"vite build && npx vue-tsc --declaration --emitDeclarationOnly --outDir dist","dev":"vite build --watch","prepublishOnly":"npm run build"},"keywords":["vue","vue3","components","ui","mg-common"],"author":{"name":"MG Team"},"license":"MIT","repository":{"type":"git","url":"git+https://gitlab.com/multimediaguide/mg-common.git","directory":"packages/mg-common"},"publishConfig":{"access":"public"},"peerDependencies":{"vue":"^3.0.0"},"devDependencies":{"@vitejs/plugin-vue":"^6.0.0","typescript":"^5.0.0","vite":"^7.0.5","vue-tsc":"^2.0.0"},"exports":{".":{"import":"./dist/index.js","types":"./dist/index.d.ts"},"./style":"./dist/style.css","./main.scss":"./src/assets/scss/main.scss","./icons":"./src/assets/svg/icons"},"engines":{"node":"22.16.0","npm":"10.9.2"},"dependencies":{"sass":"^1.89.2"},"_id":"@asnvrn/mg-common@0.0.3","gitHead":"09987aacd1158c7bc24b75f3b05518b3bc401e77","bugs":{"url":"https://gitlab.com/multimediaguide/mg-common/issues"},"homepage":"https://gitlab.com/multimediaguide/mg-common#readme","_nodeVersion":"22.16.0","_npmVersion":"10.9.2","dist":{"integrity":"sha512-9vSg+ejU1GtKuzZzhv32O3WNa22pQ8TiKokMtDNW8ePuPAgOax0iT9EptCVuFwzB6IMV+Ag7cXwwZfQqv2qIJQ==","shasum":"79b2a2288f5e09903e4a3f81243c78cd7fc05e22","tarball":"https://registry.npmjs.org/@asnvrn/mg-common/-/mg-common-0.0.3.tgz","fileCount":24,"unpackedSize":31918,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIQCFHKBfkBe32VI8XmM/uU6ZHaegqq7C1tG/BIvkRzn6zAIgXcVsYDwdzwwSh3BV3rs3DW2Gm85uNeGOU+BcOgyTJ1w="}]},"_npmUser":{"name":"asnvrn","email":"asnvrn@mail.ru"},"directories":{},"maintainers":[{"name":"asnvrn","email":"asnvrn@mail.ru"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/mg-common_0.0.3_1752970545444_0.6408390032935547"},"_hasShrinkwrap":false}},"time":{"created":"2025-07-19T08:48:20.632Z","modified":"2025-07-20T00:15:45.852Z","0.0.1":"2025-07-19T08:48:20.932Z","0.0.2":"2025-07-19T14:48:54.105Z","0.0.3":"2025-07-20T00:15:45.654Z"},"bugs":{"url":"https://gitlab.com/multimediaguide/mg-common/issues"},"author":{"name":"MG Team"},"license":"MIT","homepage":"https://gitlab.com/multimediaguide/mg-common#readme","keywords":["vue","vue3","components","ui","mg-common"],"repository":{"type":"git","url":"git+https://gitlab.com/multimediaguide/mg-common.git","directory":"packages/mg-common"},"description":"Reusable Vue 3 components for MG projects","maintainers":[{"name":"asnvrn","email":"asnvrn@mail.ru"}],"readme":"# @asnvrn/mg-common\n\nПереиспользуемые Vue 3 компоненты с общими стилями.\n\n## Установка\n\n```bash\nnpm install @asnvrn/mg-common\n```\n\n## Использование\n\n### Импорт компонентов\n\n```vue\n<template>\n  <CategoryCard image=\"https://via.placeholder.com/300\" title=\"Category 1\" />\n</template>\n\n<script setup>\nimport { CategoryCard } from '@asnvrn/mg-common'\n</script>\n```\n\n### Глобальная регистрация компонентов\n\n```typescript\n// main.ts или plugins/components.ts\nimport { components } from '@asnvrn/mg-common'\n\nexport default defineNuxtPlugin((nuxtApp) => {\n  Object.entries(components).forEach(([name, component]) => {\n    nuxtApp.vueApp.component(name, component)\n  })\n})\n```\n\n### Импорт стилей\n\n#### Общие стили (CSS Reset, утилиты, переменные)\n\n```scss\n// В app.vue или main.scss\n@use '@asnvrn/mg-common/main.scss';\n```\n\n#### Стили компонентов\n\n```scss\n// В app.vue или main.scss  \n@import '@asnvrn/mg-common/dist/style.css';\n```\n\n#### Полный импорт стилей\n\n```vue\n<!-- app.vue -->\n<style lang=\"scss\">\n@use '@asnvrn/mg-common/main.scss';\n@import '@asnvrn/mg-common/dist/style.css';\n</style>\n```\n\n### Структура стилей\n\nСтили организованы в папке `src/assets/scss/`:\n\n```\nassets/\n├── scss/\n│   └── main.scss       # Основные стили пакета\n└── svg/icons/          # SVG иконки\n```\n\n## Что включено в общие стили\n\n- **CSS Reset** - обнуление стандартных стилей\n- **CSS переменные** - цветовая палитра, отступы, радиусы, тени\n- **Утилитарные классы** - `.container`, `.text-center`, `.mb-md` и т.д.\n- **Базовые стили форм** - `.form-input`, `.form-label`, `.form-group`\n- **Базовые кнопки** - `.btn`, `.btn--primary`, `.btn--secondary`\n- **Адаптивные утилиты** - `.hidden-mobile`, `.hidden-desktop`\n\n## Компоненты\n\n- **CategoryCard** - Карточка категории с изображением и заголовком\n\n### Структура компонентов\n\nКомпоненты организованы по функциональности в папке `src/components/`:\n\n```\ncomponents/\n└── market/             # Компоненты для маркетплейса\n    └── category-card.vue\n```\n\n## Иконки\n\nПакет включает папку с SVG иконками для использования с `nuxt-svgo`.\n\n### Быстрый старт\n\nПосле установки пакета и настройки `nuxt-svgo`, иконки автоматически доступны как Vue компоненты:\n\n```vue\n<template>\n  <AccountsIcon />\n  <CardsIcon />\n  <UsersIcon />\n</template>\n```\n\n### Доступные иконки\n\n- `accounts`, `cards`, `cases`, `companies`, `events`\n- `news`, `orders`, `pages`, `payments`, `posts`\n- `promocodes`, `questions`, `settings`, `users`, `vendors`\n\n### Импорт конкретной иконки\n\n```vue\n<template>\n  <AccountsIcon />\n</template>\n\n<script setup lang=\"ts\">\nimport AccountsIcon from '@asnvrn/mg-common/icons/accounts.svg'\n</script>\n```\n\n### Структура иконок\n\nИконки находятся в папке `src/assets/svg/icons/` и доступны через экспорт `./icons`.\n\nПодробная документация по иконкам: [ICONS.md](./ICONS.md)\n\n## Разработка\n\n```bash\n# Сборка\nnpm run build\n\n# Режим разработки с отслеживанием изменений\nnpm run dev\n```\n\n## Добавление новых компонентов\n\n1. Создайте новый .vue файл в папке `src/`\n2. Экспортируйте его в `src/index.ts`\n3. Добавьте в объект `components` для глобальной регистрации\n4. Соберите пакет: `npm run build` ","readmeFilename":"README.md"}