docs/app/components/snippets/how-to-use-it-1.js
import Component from '@glimmer/component';
import { action } from '@ember/object';
const countries = [
{ name: 'United States', flagUrl: '/flags/us.svg' },
{ name: 'Spain', flagUrl: '/flags/es.svg' },
{ name: 'Portugal', flagUrl: '/flags/pt.svg' },
{ name: 'Russia', flagUrl: '/flags/ru.svg' },
{ name: 'Latvia', flagUrl: '/flags/lv.svg' },
{ name: 'Brazil', flagUrl: '/flags/br.svg' },
{ name: 'United Kingdom', flagUrl: '/flags/gb.svg' },
];
export default class extends Component {
names = ['Stefan', 'Miguel', 'Tomster', 'Pluto'];
countries = countries;
destination = countries[2];
@action
foo() {}
}