모바일에서만 컴포넌트를 활성화하는 방법이 있을까요?

[RGJ (Richard - Communiteq)]

예제는 바로 그 주제 안에 있습니다

@system

import Component from "@glimmer/component";
import { service } from "@ember/service";

class MyComponent extends Component {
  @service capabilities;

  <template>
    {{#if this.capabilities.viewport.lg}}
      이 텍스트는 lg 브레이크포인트보다 큰 장치에 표시됩니다
    {{/if}}

    {{#unless this.capabilities.viewport.sm}}
      이 텍스트는 sm 브레이크포인트보다 작은 장치에 표시됩니다
    {{/unless}}
  </template>
}