You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: .claude/skills/setup-component/SKILL.md
+1Lines changed: 1 addition & 0 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -98,3 +98,4 @@ Run `yarn install` to link the new package in the workspace.
98
98
-**Feature flag**: The main element class MUST include `static get experimental() { return true; }`. This makes the component require `window.Vaadin.featureFlags.{camelName}Component = true` before it can be used. See `packages/badge/src/vaadin-badge.js` for the pattern. The feature flag name is auto-generated from the tag name by `defineCustomElement()` in `@vaadin/component-base/src/define.js`.
99
99
-**README warning**: The README.md must include a warning: `> ⚠️ This component is experimental and the API may change. In order to use it, enable the feature flag by setting \`window.Vaadin.featureFlags.{camelName}Component = true\`.`
100
100
-**Dev page**: The dev page must enable the feature flag between `common.js` and the component import, matching `dev/badge.html` exactly: first `<script type="module" src="./common.js"></script>`, then `<script>window.Vaadin ??= {}; window.Vaadin.featureFlags ??= {}; window.Vaadin.featureFlags.{camelName}Component = true;</script>`, then the component import.
101
+
-**Test files**: ALL test files (unit, DOM snapshot, visual base/lumo/aura) must enable the feature flag after imports, matching `packages/badge/test/badge.test.ts`: `window.Vaadin ??= {}; window.Vaadin.featureFlags ??= {}; window.Vaadin.featureFlags.{camelName}Component = true;`
0 commit comments