Skip to content

Instantly share code, notes, and snippets.

@luffybyte
Created May 26, 2021 11:19
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 1 You must be signed in to fork a gist
  • Save luffybyte/944c9f7c8d550dccd479e377e17b8803 to your computer and use it in GitHub Desktop.
Save luffybyte/944c9f7c8d550dccd479e377e17b8803 to your computer and use it in GitHub Desktop.
New Twiddle
import Component from '@glimmer/component';
export default class extends Component {
}
import Component from '@glimmer/component';
export default class extends Component {
}
import Controller from '@ember/controller';
import { inject as service } from '@ember/service';
import { tracked } from '@glimmer/tracking';
import { set } from '@ember/object';
export default class ApplicationController extends Controller {
appName = 'Ember Twiddle';
@service store;
@tracked user = {
fullname: '',
profile: '',
};
constructor() {
super(...arguments);
this.store.queryRecord('user', {}).then((user) => {
const fullname = `${user.firstName} ${user.lastName}`;
set(this.user, 'fullname', fullname);
set(this.user, 'profile', user.profile?.url);
});
}
}
import Model from 'ember-data/model';
import attr from 'ember-data/attr';
/*
import attr from 'ember-data/attr';
import { belongsTo, hasMany } from 'ember-data/relationships';
*/
export default class extends Model {
@attr('string') firstName;
@attr('string') lastName;
@attr() profile;
}
<h1>Welcome to {{this.appName}}</h1>
<br>
<br>
<App @user={{this.user}} />
<br>
<br>
<h1> SOME EXAMPLE </h1>
<User @user={{@user}}/>
<h2>USer details </h2>
name: {{@user.fullname}}
<br>
profile: {{@user.profile}}
{
"version": "0.17.1",
"EmberENV": {
"FEATURES": {},
"_TEMPLATE_ONLY_GLIMMER_COMPONENTS": false,
"_APPLICATION_TEMPLATE_WRAPPER": true,
"_JQUERY_INTEGRATION": true
},
"options": {
"use_pods": false,
"enable-testing": false
},
"dependencies": {
"jquery": "https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.js",
"ember": "3.18.1",
"ember-template-compiler": "3.18.1",
"ember-testing": "3.18.1"
},
"addons": {
"@glimmer/component": "1.0.0",
"ember-data": "3.18.0"
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment