Use gts components for examples #1689

// BEGIN-SNIPPET docs-menu-default.gts
import Component from '@glimmer/component';
import UiMenu from '@onwardcare/ui-components/components/ui-menu';
import UiPortalTargets from '@onwardcare/ui-components/components/ui-portal-targets';
import DocsDemo from 'ember-cli-addon-docs/components/docs-demo';

interface Signature {
  Element: null;
}

export default class MenuDefault extends Component<Signature> {
  <template>
    <DocsDemo as |demo|>
      <demo.example @name='docs-menu-default.gts'>
        <UiPortalTargets />

        <UiMenu as |menu|>
          <menu.Trigger>Open Menu</menu.Trigger>

          <menu.Content as |content|>
            <content.Item>Item 1</content.Item>
            <content.Item>Item 2</content.Item>
          </menu.Content>
        </UiMenu>
      </demo.example>

      <demo.snippet @name='docs-menu-default.gts' />
    </DocsDemo>
  </template>
}
// END-SNIPPET