How to use aurelia - 5 common examples

To help you get started, we’ve selected a few aurelia examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github aurelia / aurelia / examples / jit-pixi-webpack-ts / src / app.ts View on Github external
import { customElement } from 'aurelia';
import template from './app.html';
import { loader } from 'pixi.js';

interface ISprite {
  src: string;
  entropy?: number;
  x?: number;
  y?: number;
  anchor?: { x: number; y: number };
  scale?: { x: number; y: number };
  width?: number;
}

@customElement({ name: 'app', template })
export class App {
  public sprites: ISprite[];
  public timestamp: number;
  public constructor() {
    this.timestamp = 0;
    this.sprites = [];
  }

  public beforeBind(): void {
    // eslint-disable-next-line @typescript-eslint/no-var-requires, @typescript-eslint/no-require-imports
    loader.add('logo', require('img/aurelia-icon-256x256.png'));
    loader.load();

    for (let i = 0; i < 50; ++i) {
      this.addSprite();
    }
github aurelia / aurelia / examples / jit-parcel-ts / src / app.ts View on Github external
import { customElement } from 'aurelia';
import template from './app.html';

@customElement({ name: 'app', template })
export class App {
  // eslint-disable-next-line @typescript-eslint/explicit-member-accessibility, @typescript-eslint/typedef
  message = 'Hello World!';
}
github aurelia / aurelia / examples / jit-webpack-vanilla-ts / src / app.ts View on Github external
import { customElement } from 'aurelia';
import template from './app.html';

@customElement({ name: 'app', template })
export class App {
  public message = 'Hello World!';
}
github aurelia / aurelia / examples / jit-webpack-conventions-ts / src / startup.ts View on Github external
import Aurelia from 'aurelia';
import { App } from './app';

Aurelia.app(App).start();
github aurelia / aurelia / examples / jit-webpack-vanilla-ts / src / startup.ts View on Github external
import Aurelia from 'aurelia';
import { App } from './app';

Aurelia.app(App).start();

aurelia

[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT) [![TypeScript](https://img.shields.io/badge/%3C%2F%3E-TypeScript-%230074c1.svg)](http://www.typescriptlang.org/) [![CircleCI](https://circleci.com/

MIT
Latest version published 14 days ago

Package Health Score

87 / 100
Full package analysis

Popular aurelia functions