Handle sorting the Greek and Ulb texts

app/components/words/greek-text.hbs

@@ -1,5 +1,5 @@
 <div class="verse-greek-text">
-  {{#each @model as |word|}}
+  {{#each this.sortedWords as |word|}}
     <Words::GreekWord @model={{word}} />
   {{/each}}
 </div>

app/components/words/greek-text.js

@@ -0,0 +1,7 @@
+import Component from '@glimmer/component';
+import { sort } from '@ember/object/computed';
+
+export default class WordsGreekTextComponent extends Component {
+  sortDefinition = ['ogntSort'];
+  @sort('args.model', 'sortDefinition') sortedWords;
+}

app/components/words/ulb-text.js

@@ -0,0 +1,7 @@
+import Component from '@glimmer/component';
+import { sort } from '@ember/object/computed';
+
+export default class WordsUlbTextComponent extends Component {
+  sortDefinition = ['ulbSort'];
+  @sort('args.model', 'sortDefinition') sortedWords;
+}