Initial Value Presence Changeset Validation

controllers.application.js

import Ember from 'ember';

export default Ember.Controller.extend({
  appName: 'Ember Twiddle'
});

models.post.js

import Model from "ember-data/model";
import attr from "ember-data/attr";
import { belongsTo, hasMany } from "ember-data/relationships";

export default Model.extend({
  //subject: attr(),
  //text: attr()
});

routes.application.js

import Ember from 'ember';
import lookupValidator from 'ember-changeset-validations';
import validations from '../validations/presence-and-length';

export default Ember.Route.extend({
  
  model() {
    let post = this.store.createRecord('post');
    return new Changeset(post, lookupValidators(validations));
  }
});

templates.application.hbs

<h1>Welcome to {{appName}}</h1>

<div>
  <form>
    <div class="subject">
    	<div>
        <label>Subject</label>
      </div>
      {{input value=(mut changeset.subject)}}
    </div>
    <div class="text">
      <div>
        <label>Text</label>
      </div>
      {{textarea value=(mut changeset.text)}}
    </div>
    
    {{#if changeset.isInvalid}}
      <p>There were errors in your form:</p>
      <ul>
        {{#each changeset.errors as |error|}}
        <li>{{error.key}}: {{error.validation}}</li>
        {{/each}}
      </ul>
    {{/if}}

    <div>
      <button {{action "submit"}}>Submit</button>
    </div>
  </form>
</div>

twiddle.json

{
  "version": "0.10.5",
  "EmberENV": {
    "FEATURES": {}
  },
  "options": {
    "use_pods": false,
    "enable-testing": false
  },
  "dependencies": {
    "jquery": "https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.3/jquery.js",
    "ember": "2.8.0",
    "ember-data": "2.8.0",
    "ember-template-compiler": "2.8.0",
    "ember-testing": "2.8.0"
  },
  "addons": {
    "ember-changeset": "1.1.2",
    "ember-changeset-validations": "1.2.0"
  }
}

validations.presence-and-length.js

import {
  validatePresence,
  validateLength
} from 'ember-changeset-validations/validators';

export default {
  text: [
    validatePresence(true),
    validateLength({ min: 10 })
  ]
};