vuestrata
A modern, production-ready Vue 3 template with multi-theme support, Reka UI wrappers, and enterprise-grade tooling.
파일 탐색기
- openai.yaml
- adapt.md
- animate.md
- audit.md
- bolder.md
- brand.md
- clarify.md
- cognitive-load.md
- color-and-contrast.md
- colorize.md
- craft.md
- critique.md
- delight.md
- distill.md
- document.md
- extract.md
- harden.md
- heuristics-scoring.md
- interaction-design.md
- layout.md
- live.md
- motion-design.md
- onboard.md
- optimize.md
- overdrive.md
- personas.md
- polish.md
- product.md
- quieter.md
- responsive-design.md
- shape.md
- spatial-design.md
- teach.md
- typeset.md
- typography.md
- ux-writing.md
- cleanup-deprecated.mjs
- command-metadata.json
- design-parser.mjs
- detect-csp.mjs
- is-generated.mjs
- live-accept.mjs
- live-browser.js
- live-inject.mjs
- live-poll.mjs
- live-server.mjs
- live-wrap.mjs
- live.mjs
- load-context.mjs
- modern-screenshot.umd.js
- pin.mjs
- SKILL.md
- add-component.md
- add-icon-set.md
- add-module.md
- add-page.md
- add-theme.md
- verify.md
- settings.json
- speckit-analyze.md
- speckit-checklist.md
- speckit-clarify.md
- speckit-constitution.md
- speckit-implement.md
- speckit-plan.md
- speckit-specify.md
- speckit-tasks.md
- hooks.json
- bug-report.yml
- config.yml
- feature-request.yml
- SKILL.md
- SKILL.md
- SKILL.md
- SKILL.md
- SKILL.md
- SKILL.md
- SKILL.md
- SKILL.md
- SKILL.md
- SKILL.md
- color-and-contrast.md
- interaction-design.md
- motion-design.md
- responsive-design.md
- spatial-design.md
- typography.md
- ux-writing.md
- SKILL.md
- SKILL.md
- SKILL.md
- SKILL.md
- SKILL.md
- SKILL.md
- SKILL.md
- SKILL.md
- SKILL.md
- SKILL.md
- SKILL.md
- SKILL.md
- SKILL.md
- SKILL.md
- SKILL.md
- SKILL.md
- SKILL.md
- SKILL.md
- SKILL.md
- SKILL.md
- SKILL.md
- ci.yml
- codeql.yml
- dependency-review.yml
- deploy-demo.yml
- release.yml
- copilot-instructions.md
- dependabot.yml
- PULL_REQUEST_TEMPLATE.md
- commit-msg
- pre-commit
- extensions.json
- settings.json
- nginx.conf
- security-headers.conf
- 1.installation.md
- 2.configuration.md
- 3.starting-a-project.md
- 1.overview.md
- 2.adapters.md
- 3.routing.md
- 4.route-pages.md
- 1.overview.md
- 2.creating-a-module.md
- 3.built-in-modules.md
- 4.navigation.md
- 1.overview.md
- 2.semantic-tokens.md
- 1.text-inputs.md
- 2.choice-inputs.md
- 3.selection-inputs.md
- 4.date-time.md
- 5.specialized.md
- 6.form-builder.md
- index.md
- 1.overview.md
- 2.provider-architecture.md
- 3.data-tables.md
- 4.charts.md
- 5.dashboard.md
- 1.environment.md
- 2.auth-rbac.md
- 3.auth-deep-dive.md
- 1.overview.md
- 2.accessibility.md
- 1.vercel-demo.md
- 2.real-production.md
- 1.add-a-module.md
- 2.add-a-page.md
- 3.add-a-theme.md
- 4.add-a-component.md
- 5.add-an-icon-set.md
- 6.add-a-locale.md
- 7.add-a-permission.md
- 8.add-a-nav-group.md
- index.md
- 10.troubleshooting.md
- 9.readiness.md
- index.md
- auth.ts
- accessibility.spec.ts
- app.spec.ts
- auth.spec.ts
- dashboard-charts-ar.spec.ts
- docs.spec.ts
- domains.spec.ts
- forms.spec.ts
- navigation.spec.ts
- production-artifact.spec.ts
- rtl-and-keyboard.spec.ts
- sidebar.spec.ts
- smoke.spec.ts
- index.mjs
- split-regions.mjs
- build-payload.mjs
- add.mjs
- doctor.mjs
- eject.mjs
- init.mjs
- upgrade.mjs
- component.mjs
- icon-set.mjs
- module.mjs
- page.mjs
- theme.mjs
- cli.mjs
- lockfile.mjs
- managed.mjs
- manifest.mjs
- migrations.mjs
- naming.mjs
- payload.mjs
- plan.mjs
- registry.mjs
- index.mjs
- package.json
- README.md
- mylogo.jpg
- _headers
- favicon.svg
- mockServiceWorker.js
- robots.txt
- site.webmanifest
- verify-bundle.mjs
- write-version.mjs
- check-links.mjs
- build-provider-maps.mjs
- i18n-parity.plugin.mjs
- icon-parity.plugin.mjs
- inline-vue-handlers.plugin.mjs
- module-scope-state.plugin.mjs
- no-raw-palette.plugin.mjs
- theme-registry.plugin.mjs
- check-toolchain-pins.mjs
- run-custom-rules.mjs
- check-worker-version.mjs
- check-template-lock.mjs
- version.mjs
- headers.mjs
- sync-headers.mjs
- AuditLogScreen.vue
- ConversionFunnelPanel.vue
- DashboardFilterBar.vue
- DashboardKpiRow.vue
- NeedsAttentionPanel.vue
- QuickActionsPanel.vue
- RecentActivityPanel.vue
- RevenueBreakdownPanel.vue
- RevenueTrendPanel.vue
- SystemHealthPanel.vue
- TeamPerformancePanel.vue
- UpcomingEventsPanel.vue
- useAuditLog.ts
- useAuditLogsQuery.ts
- useChartColors.ts
- useDashboardI18n.ts
- useDashboardQueries.ts
- ar.json
- en.json
- fr.json
- activity-chart.ts
- audit-log.ts
- dashboard-labels.ts
- audit.vue
- charts.vue
- index.vue
- dashboard.ts
- index.ts
- query-keys.ts
- Rubik-Italic-VariableFont_wght.ttf
- Rubik-VariableFont_wght.ttf
- f (1).jpg
- f (2).jpg
- f (3).jpg
- f (4).jpg
- logo.svg
- mylogo.jpg
- ChartsDemo.vue
- ChoiceInputsDemo.vue
- data-table-fixtures.ts
- DataTableDemo.vue
- DataTableEmptyDemo.vue
- DataTableErrorDemo.vue
- DataTableMinimalDemo.vue
- DataTablePublicApiDemo.vue
- DataTableRichDemo.vue
- DataTableSelectionDemo.vue
- DataTableServerDemo.vue
- DataTableTreeDemo.vue
- DataTableTypedCellsDemo.vue
- DataTableVirtualDemo.vue
- DateTimeDemo.vue
- FormBuilderDemo.vue
- FormsDemo.vue
- OverviewDemo.vue
- SelectionInputsDemo.vue
- SpecializedDemo.vue
- TextInputsDemo.vue
- ComponentApiTable.vue
- ComponentDemo.vue
- ComponentPlayground.vue
- ComponentTestRunner.vue
- DocsAlert.vue
- DocsCard.vue
- DocsCardGroup.vue
- DocsCodeGroup.vue
- DocsComponentShowcase.vue
- DocsContent.vue
- DocsMermaid.vue
- docsNavigation.ts
- DocsShell.vue
- DocsSidebar.vue
- HeroCodePreview.vue
- HomeCtaSection.vue
- HomeFeaturesSection.vue
- HomeHeroSection.vue
- HomeTechStackSection.vue
- AppBreadcrumb.vue
- AppCommandPalette.vue
- AppFooter.vue
- AppHeader.vue
- AppNotifications.vue
- AppSidebar.vue
- AppSidebarNavItem.vue
- AppUserMenu.vue
- SkipLink.vue
- index.ts
- TableDateCell.vue
- TableLinkCell.vue
- TableMoneyCell.vue
- TableStatusCell.vue
- AppIcon.vue
- BaseChart.vue
- index.ts
- stat-card-path.ts
- UiAccordion.vue
- UiAlert.vue
- UiAutocomplete.vue
- UiAvatar.vue
- UiBadge.vue
- UiBreadcrumb.vue
- UiButton.vue
- UiButtonGroup.vue
- UiCalendar.vue
- UiCard.vue
- UiCheckbox.vue
- UiColorPicker.vue
- UiComboBox.vue
- UiCommandPalette.vue
- UiDataGrid.vue
- UiDataTable.vue
- UiDateField.vue
- UiDatePicker.vue
- UiDateRangePicker.vue
- UiDatetimePicker.vue
- UiDialog.vue
- UiEditable.vue
- UiEmptyState.vue
- UiFileUpload.vue
- UiForm.vue
- UiFormBuilder.vue
- UiFormField.vue
- UiFormGroup.vue
- UiFormRepeater.vue
- UiMentionsField.vue
- UiMonthPicker.vue
- UiMonthRangePicker.vue
- UiNumberField.vue
- UiOption.vue
- UiOptionGroup.vue
- UiOTPField.vue
- UiPageHeader.vue
- UiPanel.vue
- UiPopover.vue
- UiProgress.vue
- UiRadioGroup.vue
- UiRangeSlider.vue
- UiRatingField.vue
- UiSearchField.vue
- UiSelect.vue
- UiSeparator.vue
- UiSheet.vue
- UiSkeleton.vue
- UiSlider.vue
- UiStatCard.vue
- UiSteppedForm.vue
- UiStepper.vue
- UiSwitch.vue
- UiTabs.vue
- UiTagsField.vue
- UiTextarea.vue
- UiTextField.vue
- UiTimeField.vue
- UiTimeRangePicker.vue
- UiToast.vue
- UiToggle.vue
- UiToggleGroup.vue
- UiTooltip.vue
- UiTreeSelect.vue
- UiTrendDelta.vue
- UiYearPicker.vue
- UiYearRangePicker.vue
- Logo.vue
- index.ts
- useFormwerkElementRef.ts
- useUiCheckbox.ts
- useUiColorPicker.ts
- useUiComboBox.ts
- useUiDateField.ts
- useUiEditable.ts
- useUiFileUpload.ts
- useUiMentionsField.ts
- useUiNumberField.ts
- useUiOtpField.ts
- useUiRadioGroup.ts
- useUiRatingField.ts
- useUiSearchField.ts
- useUiSelect.ts
- useUiSlider.ts
- useUiSteppedForm.ts
- useUiSwitch.ts
- useUiTagsField.ts
- useUiTextarea.ts
- useUiTextField.ts
- useUiTimeField.ts
- useUiToggle.ts
- useUiToggleGroup.ts
- useUiTreeSelect.ts
- table-columns.ts
- useActiveLocale.ts
- useAppLocaleString.ts
- useAppStorage.ts
- useBreadcrumbs.ts
- useDataTable.ts
- useDocsSidebar.ts
- useDocumentTitle.ts
- useFocusTrap.ts
- useFormatters.ts
- useFormBuilder.ts
- useLocales.ts
- useModuleNav.ts
- usePermissionLabels.ts
- useRbac.ts
- useRouteAnnouncer.ts
- useRouteParam.ts
- useRouteQueryParam.ts
- useServerTable.ts
- useShape.ts
- useTheme.ts
- useThemeColors.ts
- app.config.ts
- app.overrides.ts
- comark-json-render.ts
- comark-mermaid.ts
- comark.ts
- component-docs.ts
- icon-provider.ts
- theme.config.ts
- custom.ts
- griddy.ts
- iconamoon.ts
- iconoir.ts
- lucide.ts
- mingcute.ts
- phosphor.ts
- remix.ts
- solar.ts
- tabler.ts
- index.ts
- auth.vue
- blank.vue
- components.vue
- dashboard.vue
- default.vue
- docs.vue
- ar.json
- ar.overrides.json
- en.json
- en.overrides.json
- fr.json
- fr.overrides.json
- data.ts
- index.ts
- users.ts
- audit.ts
- billing.ts
- dashboard.ts
- index.ts
- users.ts
- browser.ts
- collection.ts
- seed.ts
- utils.ts
- form-builder.vue
- accordions.vue
- alerts.vue
- avatars.vue
- badges.vue
- breadcrumbs.vue
- buttons.vue
- cards.vue
- checkboxes.vue
- command-palette.vue
- data-table.vue
- dialog.vue
- index.vue
- popover.vue
- progress.vue
- radio-group.vue
- selects.vue
- separator.vue
- sheet.vue
- skeleton.vue
- stepper.vue
- switches.vue
- tabs.vue
- text-fields.vue
- textareas.vue
- toast.vue
- tooltips.vue
- [...slug].vue
- index.vue
- 403.vue
- [...notfound].vue
- components.vue
- docs.vue
- index.vue
- appearance.ts
- bootstrap-theme.ts
- error-reporting.ts
- i18n.ts
- observability.ts
- pinia.ts
- route-guard.ts
- router.ts
- session-restore.ts
- shape.ts
- stale-chunk.ts
- vue-query.ts
- account.ts
- index.ts
- seed.ts
- build-info.ts
- demo-auth-backend.ts
- demo-persistence.ts
- demo-storage.ts
- demo-store.ts
- icon-maps.ts
- mock-worker.ts
- runtime-backends.ts
- shape.ts
- themes.ts
- api-runtime.ts
- app.ts
- auth.ts
- notification.ts
- analog.css
- blueprint.css
- brutalist.css
- forest.css
- ghibli.css
- harbour.css
- ocean.css
- pro.css
- rose.css
- sunset.css
- terminal.css
- app.css
- brand.css
- icons-plugin.mjs
- motion.css
- semantic.css
- billing.ts
- button-group.ts
- forms.ts
- index.ts
- dateValue.ts
- validationPresentation.ts
- base.ts
- index.ts
- jwt.ts
- mock.ts
- oauth.ts
- pkce-state.ts
- types.ts
- AccountGrantsGrid.vue
- useAuth.ts
- ar.json
- en.json
- fr.json
- pkce.ts
- auth.handlers.ts
- callback.vue
- login.vue
- register.vue
- challenge.ts
- account.vue
- ensure-account-i18n.ts
- index.ts
- billing.test.ts
- constants.ts
- useBilling.ts
- useBillingActions.ts
- useBillingQuery.ts
- useCancelSubscriptionMutation.ts
- useSubscribeMutation.ts
- useUpdatePaymentMethodMutation.ts
- ar.json
- en.json
- fr.json
- billing.vue
- index.ts
- presentation.ts
- query-keys.ts
- types.ts
- useCalendar.ts
- useCalendarMonth.ts
- useMonthGrid.ts
- ar.json
- en.json
- fr.json
- calendar.handlers.ts
- fixtures.ts
- index.vue
- index.ts
- presentation.ts
- query-keys.ts
- types.ts
- useCatalog.ts
- ar.json
- en.json
- fr.json
- catalog.handlers.ts
- fixtures.ts
- detail.vue
- index.vue
- index.ts
- presentation.ts
- query-keys.ts
- types.ts
- auth-interceptor.ts
- client.ts
- collection-queries.ts
- types.ts
- session-persistence.ts
- env.schema.ts
- index.ts
- index.ts
- reporter.ts
- index.ts
- performance.ts
- checks.ts
- hooks.ts
- index.ts
- inheritance.ts
- namespace.ts
- predicates.ts
- registry.ts
- types.ts
- zod.ts
- i18n.ts
- index.ts
- types.ts
- cn.ts
- echarts-setup.ts
- events.ts
- money.ts
- query-keys.ts
- query-utils.ts
- runtime.ts
- useCustomers.ts
- ar.json
- en.json
- fr.json
- customers.handlers.ts
- fixtures.ts
- detail.vue
- form.vue
- index.vue
- index.ts
- presentation.ts
- query-keys.ts
- types.ts
- useMessages.ts
- ar.json
- en.json
- fr.json
- fixtures.ts
- messages.handlers.ts
- index.vue
- notifications.vue
- index.ts
- query-keys.ts
- types.ts
- OrderDraftForm.vue
- useOrderDraft.ts
- useOrders.ts
- ar.json
- en.json
- fr.json
- fixtures.ts
- orders.handlers.ts
- detail.vue
- index.vue
- new.vue
- index.ts
- presentation.ts
- pricing.ts
- query-keys.ts
- types.ts
- ProjectBoardScreen.vue
- useProjectBoard.ts
- useProjects.ts
- ar.json
- en.json
- fr.json
- fixtures.ts
- projects.handlers.ts
- board.vue
- index.vue
- board.ts
- index.ts
- presentation.ts
- query-keys.ts
- types.ts
- useReports.ts
- ar.json
- en.json
- fr.json
- fixtures.ts
- reports.handlers.ts
- index.vue
- index.ts
- query-keys.ts
- types.ts
- settings.test.ts
- ar.json
- en.json
- fr.json
- settings.vue
- settings.ts
- index.ts
- types.ts
- ShowcaseDocsLink.vue
- ar.json
- en.json
- fr.json
- forms.vue
- tables.vue
- index.ts
- useTeam.ts
- ar.json
- en.json
- fr.json
- fixtures.ts
- team.handlers.ts
- index.vue
- profile.vue
- index.ts
- presentation.ts
- query-keys.ts
- types.ts
- users.test.ts
- InviteUserDialog.vue
- RolePermissionMatrix.vue
- UserPermissionsPanel.vue
- UsersScreen.vue
- useInviteUserMutation.ts
- useUpdatePermissionsMutation.ts
- useUpdateRoleMutation.ts
- useUserRoleEditor.ts
- useUsers.ts
- useUsersQuery.ts
- useUsersTable.ts
- ar.json
- en.json
- fr.json
- users.vue
- index.ts
- presentation.ts
- query-keys.ts
- types.ts
- i18n.ts
- index.ts
- nav-groups.ts
- route-meta.d.ts
- setup.ts
- types.ts
- App.vue
- env.d.ts
- main.ts
- dashboard-filter-bar.test.ts
- dashboard-kpi-row.test.ts
- revenue-breakdown-panel.test.ts
- revenue-trend-panel.test.ts
- account-page.test.ts
- login-page.test.ts
- register-page.test.ts
- form-builder.test.ts
- app-user-menu.test.ts
- settings-page.test.ts
- base-chart.test.ts
- button-class-merge.test.ts
- components.test.ts
- ui-data-grid.test.ts
- ui-fields-basic.test.ts
- ui-fields-datetime.test.ts
- ui-fields-selection.test.ts
- ui-fields-specialized.test.ts
- ui-panel.test.ts
- user-management-components.test.ts
- users-page.test.ts
- index.ts
- users.ts
- dashboard-contract.test.ts
- auth.test.ts
- handlers.test.ts
- session-restore.test.ts
- composables.test.ts
- use-datatable.test.ts
- use-rbac.test.ts
- use-server-table.test.ts
- api-scope.test.ts
- collection-contract.test.ts
- modules.test.ts
- stores.test.ts
- theme.test.ts
- activity-chart.test.ts
- audit-log.test.ts
- dashboard-labels.test.ts
- appearance.test.ts
- demo-persistence.test.ts
- demo-storage.test.ts
- demo-store.test.ts
- focus-trap.test.ts
- formatters.test.ts
- module-nav.test.ts
- route-guard.test.ts
- runtime-backends.test.ts
- semantic-tokens.test.ts
- shape.test.ts
- stale-chunk.test.ts
- table-columns.test.ts
- public-surface.test.ts.snap
- demo-access.test.ts
- docs-registry.test.ts
- module-contract.test.ts
- public-surface.test.ts
- registry-drift.test.ts
- adapters.test.ts
- challenge-store.test.ts
- oauth-pkce.test.ts
- session-persistence.test.ts
- session-restore.test.ts
- presentation.test.ts
- group-events-by-day.test.ts
- upgrade.test.ts
- use-active-locale.test.ts
- use-permission-labels.test.ts
- use-rbac.test.ts
- use-route-query-param.test.ts
- icon-provider.test.ts
- api-client.test.ts
- auth-interceptor.test.ts
- env-schema.test.ts
- error-reporter.test.ts
- errors.test.ts
- logger.test.ts
- money.test.ts
- query-keys.test.ts
- rbac.test.ts
- validation-adapters.test.ts
- use-order-draft.test.ts
- board.test.ts
- stat-card-path.test.ts
- user-mutations.test.ts
- auth-test-helpers.ts
- component-surface.ts
- index.ts
- pinia.ts
- query-client.ts
- reset-runtime-state.ts
- query-keys.test.ts
- setup.ts
- stores.test.ts
- comark-1.0.0-05679bb.tgz
- README.md
- .commitlintrc.json
- .dockerignore
- .env.example
- .gitignore
- .nvmrc
- AGENTS.md
- CHANGELOG.md
- CLAUDE.md
- CODE_OF_CONDUCT.md
- CONTRIBUTING.md
- DESIGN.md
- docker-compose.yml
- Dockerfile
- index.html
- LICENSE
- package.json
- playwright.config.ts
- pnpm-lock.yaml
- pnpm-workspace.yaml
- PRODUCT.md
- README.md
- RELEASE.md
- SECURITY.md
- skills-lock.json
- tsconfig.e2e.json
- tsconfig.json
- UPGRADING.md
- vercel.json
- vite.config.ts
- vuestrata.lock.json
# CDN으로 사용하기
jsDelivrjsDelivr는 공개 GitHub 리포지토리를 별도 설정 없이 CDN으로 즉시 서빙합니다. 버전과 파일을 고르면 웹페이지에 바로 붙일 수 있는 링크와 예시 코드가 만들어집니다.
명령어 용어집
이 문서에서 사용된 명령어를 모아봤습니다. 낯선 명령어가 있다면 펼쳐서 확인해보세요.
docker compose up
설명 보기 ▼
docker compose up
Start and run Docker services defined in a Compose file.
docker compose up
Start all services defined in the docker-compose file:
docker compose up {{[-d|--detach]}}
Start services in the background (detached mode):
docker compose up --build
Start services and rebuild images before starting:
git clone
설명 보기 ▼
git clone
Clone an existing repository.
git clone {{remote_repository_location}} {{path/to/directory}}
Clone an existing repository into a new directory (the default directory is the repository name):
git clone --recursive {{remote_repository_location}}
Clone an existing repository and its submodules:
git clone {{[-n|--no-checkout]}} {{remote_repository_location}}
Clone only the `.git` directory of an existing repository:
jwt
설명 보기 ▼
jwt
JSON Web Token(JWT) 처리.
사용할 수 있는 암호화 알고리즘: HS256, HS384, HS512, RS256, RS384, RS512, ES256, ES384.
더 많은 정보: <https://github.com/mike-engel/jwt-cli>.
jwt decode {{jwt_string}}
JWT 디코드:
jwt decode {{[-j|--json]}} {{jwt_string}}
JWT를 JSON 문자열로 디코드:
jwt encode {{[-A|--alg]}} {{HS256}} {{[-S|--secret]}} {{1234567890}} '{{json_string}}'
JSON 문자열을 JWT로 인코드:
node
설명 보기 ▼
node
서버 측 JavaScript 플랫폼 (Node.js).
더 많은 정보: <https://nodejs.org/docs/latest/api/cli.html#options>.
node {{path/to/file}}
JavaScript 파일 실행:
node
REPL(대화형 셸) 시작:
node --watch {{path/to/file}}
지정된 파일을 실행하고 가져온 파일이 변경될 때 프로세스를 재시작 (Node.js 버전 18.11+ 필요):
pro
설명 보기 ▼
pro
Ubuntu Pro 서비스 관리.
더 많은 정보: <https://manned.org/ubuntu-advantage>.
sudo pro attach
시스템을 Ubuntu Pro 지원 계약에 연결:
pro status
Ubuntu Pro 서비스 상태 표시:
pro fix {{CVE-number}}
특정 취약점에 시스템이 영향을 받는지 확인 (가능하다면 수정 적용):
script
설명 보기 ▼
script
터미널 출력을 파일로 기록합니다.
더 많은 정보: <https://manned.org/script>.
script
현재 디렉토리의 `typescript`라는 이름의 파일에 새 세션 기록:
exit
사용자 지정 파일 경로에 새 세션 기록:
script {{path/to/session.out}}
기존 파일에 추가하여 새 세션 기록:
