diff --git a/docs-app/app/app.ts b/docs-app/app/app.ts
index a991b921..161b6aef 100644
--- a/docs-app/app/app.ts
+++ b/docs-app/app/app.ts
@@ -1,3 +1,4 @@
+import 'decorator-transforms/globals';
import './css/styles.css';
import Application from '@ember/application';
diff --git a/docs-app/ember-cli-build.js b/docs-app/ember-cli-build.js
index 37ccc09a..ce38a53c 100644
--- a/docs-app/ember-cli-build.js
+++ b/docs-app/ember-cli-build.js
@@ -8,6 +8,13 @@ module.exports = function (defaults) {
// Add options here
'ember-cli-babel': {
enableTypeScriptTransform: true,
+ disableDecoratorTransforms: true,
+ },
+ babel: {
+ plugins: [
+ // add the new transform.
+ require.resolve('decorator-transforms'),
+ ],
},
});
@@ -43,7 +50,7 @@ module.exports = function (defaults) {
// staticEmberSource: true,
packagerOptions: {
webpackConfig: {
- devtool: process.env.CI ? 'source-map' : 'eval',
+ devtool: 'source-map',
resolve: {
alias: {
path: 'path-browserify',
diff --git a/docs-app/package.json b/docs-app/package.json
index bad94529..e9afea6a 100644
--- a/docs-app/package.json
+++ b/docs-app/package.json
@@ -28,6 +28,7 @@
},
"dependencies": {
"assert": "^2.0.0",
+ "decorator-transforms": "^1.1.0",
"docs-api": "workspace:*",
"ember-focus-trap": "^1.1.0",
"ember-headless-form": "^1.0.0",
diff --git a/docs-app/public/docs/3-ui/toggle-group.md b/docs-app/public/docs/3-ui/toggle-group.md
index 55f940be..0bb6ce06 100644
--- a/docs-app/public/docs/3-ui/toggle-group.md
+++ b/docs-app/public/docs/3-ui/toggle-group.md
@@ -21,10 +21,32 @@ import { ToggleGroup } from 'ember-primitives';
+
+
+
+ B
+
+
+ I
+
+
+ U
+
+