# Framework Knowledge

**URL:** https://discourse.aurelia.io/c/framework-knowledge/7.md?page=3

[Latest](https://discourse.aurelia.io/latest.md) · [Categories](https://discourse.aurelia.io/categories.md)

**Page:** 4

---

## [Title no longer settable in webpack.config.js](https://discourse.aurelia.io/t/title-no-longer-settable-in-webpack-config-js/3817)

<div class="topic-metadata">

**Author:** [@vidriduch](https://discourse.aurelia.io/u/vidriduch)\
**Replies:** 5\
**Last updated:** [October 2, 2020, 1:13pm UTC](https://discourse.aurelia.io/t/title-no-longer-settable-in-webpack-config-js/3817 "2020-10-02T13:13:08Z")

</div>

I have created a new aurelia app today using cli 2.0.2 and looking into the webpack.config.js , the title variable is no longer settable there. the index.ejs has also changed to hardcoded string. Is there a reason this h…

---

## [Aurelia specific events that will call before aurelia-started and aurelia-composed events](https://discourse.aurelia.io/t/aurelia-specific-events-that-will-call-before-aurelia-started-and-aurelia-composed-events/3679)

<div class="topic-metadata">

**Author:** [@omkarvijf41](https://discourse.aurelia.io/u/omkarvijf41)\
**Replies:** 1\
**Last updated:** [September 9, 2020, 11:43am UTC](https://discourse.aurelia.io/t/aurelia-specific-events-that-will-call-before-aurelia-started-and-aurelia-composed-events/3679 "2020-09-09T11:43:49Z")

</div>

Hi Everyone, Are there any aurelia specific events that will call before aurelia-started and aurelia-composed events. I heard before that app root custom element lifecycle will be called. If you have some examples coul…

---

## [Combining Aurelia replaceable parts with HTML Web Components part styling](https://discourse.aurelia.io/t/combining-aurelia-replaceable-parts-with-html-web-components-part-styling/3720)

<div class="topic-metadata">

**Author:** [@Bart](https://discourse.aurelia.io/u/Bart)\
**Replies:** 1\
**Last updated:** [August 26, 2020, 1:53pm UTC](https://discourse.aurelia.io/t/combining-aurelia-replaceable-parts-with-html-web-components-part-styling/3720 "2020-08-26T13:53:31Z")

</div>

Lately, CSS supports styling of parts of HTML Web Components: Aurelia supports this as well, of course: test-component.ts import { useShadowDOM } from 'aurelia-framework'; @useShadowDOM export class TestComponent { …

---

## [Asymmetry in the APIs between @transient and use.transient()](https://discourse.aurelia.io/t/asymmetry-in-the-apis-between-transient-and-use-transient/3703)

<div class="topic-metadata">

**Author:** [@estaylorco](https://discourse.aurelia.io/u/estaylorco)\
**Replies:** 4\
**Last updated:** [August 10, 2020, 10:24pm UTC](https://discourse.aurelia.io/t/asymmetry-in-the-apis-between-transient-and-use-transient/3703 "2020-08-10T22:24:41Z")

</div>

Shouldn’t the following be equivalent? @transient(‘TestModel’) export class TestModel { constructor() {} } and ... aurelia.use.transient(‘TestModel’, TestModel); ... so that invoking directly on the Container wou…

---

## [Immer now works with Aurelia store](https://discourse.aurelia.io/t/immer-now-works-with-aurelia-store/3702)

<div class="topic-metadata">

**Author:** [@Jenselme](https://discourse.aurelia.io/u/Jenselme)\
**Replies:** 2\
**Last updated:** [August 9, 2020, 6:01pm UTC](https://discourse.aurelia.io/t/immer-now-works-with-aurelia-store/3702 "2020-08-09T18:01:34Z")

</div>

As noted by Kalle on the discord with the new release of ImmerJS, you can now use it correctly with Aurelia store. In a nutshell: Disable auto-freeze with setAutoFreeze(false); Write your actions like this: export co…

---

## [Material Web Components bridge](https://discourse.aurelia.io/t/material-web-components-bridge/3656)

<div class="topic-metadata">

**Author:** [@MaximBalaganskiy](https://discourse.aurelia.io/u/MaximBalaganskiy)\
**Replies:** 5\
**Last updated:** [July 23, 2020, 5:31pm UTC](https://discourse.aurelia.io/t/material-web-components-bridge/3656 "2020-07-23T17:31:52Z")

</div>

Just published the first alpha of yet another MDC bridge :champagne: Not all the components are wrapped yet, but most are. At the moment, the demo app ( source ) is the only documentation and I’m planning to fill i…

---

## [AbstractRepeater?](https://discourse.aurelia.io/t/abstractrepeater/3578)

<div class="topic-metadata">

**Author:** [@jbockle](https://discourse.aurelia.io/u/jbockle)\
**Replies:** 1\
**Last updated:** [June 17, 2020, 3:16am UTC](https://discourse.aurelia.io/t/abstractrepeater/3578 "2020-06-17T03:16:36Z")

</div>

Anyone available to explain what AbstractRepeater does? I’m reviewing au-grid and it appears its utilizing it as a virtual repeater, but I’m not really grasping the benefit, if any, implementing AbstractRepeater within a…

---

## [autoInject Behaviour](https://discourse.aurelia.io/t/autoinject-behaviour/3560)

<div class="topic-metadata">

**Author:** [@milkshakeuk](https://discourse.aurelia.io/u/milkshakeuk)\
**Replies:** 1\
**Last updated:** [June 9, 2020, 9:53am UTC](https://discourse.aurelia.io/t/autoinject-behaviour/3560 "2020-06-09T09:53:18Z")

</div>

Quick question when using @autoInject do instances get resolved as singleton or transient by default (without manually registering things in the IOC container)?

---

## [Binding Behaviours: Can they be applied from the ViewModel rather than the View](https://discourse.aurelia.io/t/binding-behaviours-can-they-be-applied-from-the-viewmodel-rather-than-the-view/3434)

<div class="topic-metadata">

**Author:** [@granth](https://discourse.aurelia.io/u/granth)\
**Replies:** 8\
**Last updated:** [May 29, 2020, 9:35am UTC](https://discourse.aurelia.io/t/binding-behaviours-can-they-be-applied-from-the-viewmodel-rather-than-the-view/3434 "2020-05-29T09:35:09Z")

</div>

I have a custom BindingBehaviour we’ll call MySpecialBindingBehaviour. I know that I can apply this from the view template as follows: \<input value.bind="myVal & mySpecial" /\> However, I would like to apply the behavi…

---

## [Class.bind with object](https://discourse.aurelia.io/t/class-bind-with-object/3517)

<div class="topic-metadata">

**Author:** [@elitastic](https://discourse.aurelia.io/u/elitastic)\
**Replies:** 4\
**Last updated:** [May 29, 2020, 7:44am UTC](https://discourse.aurelia.io/t/class-bind-with-object/3517 "2020-05-29T07:44:37Z")

</div>

Is it correct that this is not a valid class binding syntax: \<span class.bind="{ 'class1': prop1 == 'x', 'class2': prop2 == 'y' }"\>\</span\> How should I write this? The following approach does not look very elegant to …

---

## [Using SSR without webpack](https://discourse.aurelia.io/t/using-ssr-without-webpack/3186)

<div class="topic-metadata">

**Author:** [@Jenselme](https://discourse.aurelia.io/u/Jenselme)\
**Replies:** 13\
**Last updated:** [May 23, 2020, 2:30pm UTC](https://discourse.aurelia.io/t/using-ssr-without-webpack/3186 "2020-05-23T14:30:29Z")

</div>

I read the documentation about SSR and from what I understand, I need to use webpack to use SSR. Sadly my project isn’t currently using webpack. Do I have to switch to use SSR? I searched github and this forum but couldn…

---

## [Using toastr with webpack and TS](https://discourse.aurelia.io/t/using-toastr-with-webpack-and-ts/1947)

<div class="topic-metadata">

**Author:** [@jeremyholt](https://discourse.aurelia.io/u/jeremyholt)\
**Replies:** 7\
**Last updated:** [May 19, 2020, 5:54pm UTC](https://discourse.aurelia.io/t/using-toastr-with-webpack-and-ts/1947 "2020-05-19T17:54:56Z")

</div>

After much messing around … yarn add toastr yard add @types/toastr viewmodel.ts import \* as toastr from "toastr" import "../../../node\_modules/toastr/build/toastr.min.css"; public bind(){ toastr.options.closeButt…

---

## [Aurelia UX (Where's the love?)](https://discourse.aurelia.io/t/aurelia-ux-wheres-the-love/3492)

<div class="topic-metadata">

**Author:** [@swalters](https://discourse.aurelia.io/u/swalters)\
**Replies:** 5\
**Last updated:** [May 17, 2020, 7:03am UTC](https://discourse.aurelia.io/t/aurelia-ux-wheres-the-love/3492 "2020-05-17T07:03:52Z")

</div>

We are considering migrating from Aurelia Materialize Bridge to UX. I want to be sure that UX is production ready before we invest the time. Can’t seem to find much on it other than the UX repository. It is an active…

---

## [Aurelia Binding Limits](https://discourse.aurelia.io/t/aurelia-binding-limits/3430)

<div class="topic-metadata">

**Author:** [@elitastic](https://discourse.aurelia.io/u/elitastic)\
**Replies:** 10\
**Last updated:** [May 1, 2020, 11:37am UTC](https://discourse.aurelia.io/t/aurelia-binding-limits/3430 "2020-05-01T11:37:22Z")

</div>

Does Aurelia have limits in watching bindings contains methods? See the following example: Binding is working when using get syntax: get isEnabledAsGet() { return this.isEnabled; } Binding is not working when us…

---

## [Leaflet plugin imports](https://discourse.aurelia.io/t/leaflet-plugin-imports/3448)

<div class="topic-metadata">

**Author:** [@airboss001](https://discourse.aurelia.io/u/airboss001)\
**Replies:** 1\
**Last updated:** [May 1, 2020, 3:03am UTC](https://discourse.aurelia.io/t/leaflet-plugin-imports/3448 "2020-05-01T03:03:52Z")

</div>

I am using a modified version of Mikhails leaflet code in a custom element I created. (article) https://mikhail.io/2016/03/aurelia-map-component-with-leaflet/ Works a treat for just map and markers. I needed to add in …

---

## [Possible to change a plugin's source and watch changes in the consuming application](https://discourse.aurelia.io/t/possible-to-change-a-plugins-source-and-watch-changes-in-the-consuming-application/3166)

<div class="topic-metadata">

**Author:** [@pwoosam](https://discourse.aurelia.io/u/pwoosam)\
**Replies:** 12\
**Last updated:** [April 30, 2020, 7:03pm UTC](https://discourse.aurelia.io/t/possible-to-change-a-plugins-source-and-watch-changes-in-the-consuming-application/3166 "2020-04-30T19:03:34Z")

</div>

Hi all, My team is looking into using Aurelia plugins as the backbone for a microfrontend architecture. We would like to be able to make changes to a local copy of the plugin while running the SPA that consumes the plu…

---

## [Route params as component bindables](https://discourse.aurelia.io/t/route-params-as-component-bindables/3381)

<div class="topic-metadata">

**Author:** [@elitastic](https://discourse.aurelia.io/u/elitastic)\
**Replies:** 6\
**Last updated:** [April 27, 2020, 8:55am UTC](https://discourse.aurelia.io/t/route-params-as-component-bindables/3381 "2020-04-27T08:55:50Z")

</div>

Hi Is there a way, to bind route params directly as input bindables for components? // route { route: 'users/detail/:userid', name: 'userDetail', moduleId: 'user-detail' } // user-detail.ts export class UserDetail { …

---

## [@bindable name redirect](https://discourse.aurelia.io/t/bindable-name-redirect/3427)

<div class="topic-metadata">

**Author:** [@elitastic](https://discourse.aurelia.io/u/elitastic)\
**Replies:** 2\
**Last updated:** [April 24, 2020, 4:25am UTC](https://discourse.aurelia.io/t/bindable-name-redirect/3427 "2020-04-24T04:25:58Z")

</div>

Is it possible, to have an “@bindable” property with a different input binding name? export class MyComopnent { // not working pseudo code @bindable('other-name') myProp: string; } \<my-component other…

---

## [Aurelia port of react-kawaii](https://discourse.aurelia.io/t/aurelia-port-of-react-kawaii/2819)

<div class="topic-metadata">

**Author:** [@CuddleBunny](https://discourse.aurelia.io/u/CuddleBunny)\
**Replies:** 7\
**Last updated:** [April 21, 2020, 3:44am UTC](https://discourse.aurelia.io/t/aurelia-port-of-react-kawaii/2819 "2020-04-21T03:44:38Z")

</div>

Found this cute little React library today. The functionality is trivial but the output is fun so I decided to port it: https://github.com/CuddleBunny/aurelia-kawaii. I’ll add the other characters over the next few days …

---

## [Better know a framework #26: Dynamic ViewFactory](https://discourse.aurelia.io/t/better-know-a-framework-26-dynamic-viewfactory/3392)

<div class="topic-metadata">

**Author:** [@bigopon](https://discourse.aurelia.io/u/bigopon)\
**Replies:** 0\
**Last updated:** [April 13, 2020, 2:22am UTC](https://discourse.aurelia.io/t/better-know-a-framework-26-dynamic-viewfactory/3392 "2020-04-13T02:22:07Z")

</div>

Awhile ago, I created this topic https://discourse.aurelia.io/t/better-know-a-framework-18-what-processcontent-is-and-what-it-is-used-for/1785 to help folks understand more about processContent and its common usages. Th…

---

## [Angular vs Aurelia: Who Wins?](https://discourse.aurelia.io/t/angular-vs-aurelia-who-wins/3357)

<div class="topic-metadata">

**Author:** [@BringerOD](https://discourse.aurelia.io/u/BringerOD)\
**Replies:** 10\
**Last updated:** [April 8, 2020, 10:20pm UTC](https://discourse.aurelia.io/t/angular-vs-aurelia-who-wins/3357 "2020-04-08T22:20:50Z")

</div>

Angular vs Aurelia We just posted a new article comparing the two frameworks. We focused more on the business reasons why. Let me know what you guys think. We are huge fans of Aurelia and we are sponsors. Bryan

---

## [ReferenceError: property\_x is not defined](https://discourse.aurelia.io/t/referenceerror-property-x-is-not-defined/3362)

<div class="topic-metadata">

**Author:** [@pavlos](https://discourse.aurelia.io/u/pavlos)\
**Replies:** 1\
**Last updated:** [April 3, 2020, 4:00am UTC](https://discourse.aurelia.io/t/referenceerror-property-x-is-not-defined/3362 "2020-04-03T04:00:25Z")

</div>

Hi, So I am trying to POST an object from my aurelia component class. As soon as I added another prop to the object I get this weird error. ReferenceError: abbreviation is not defined public newType: VulnType = { id…

---

## [All Aurelia Typings?](https://discourse.aurelia.io/t/all-aurelia-typings/3346)

<div class="topic-metadata">

**Author:** [@pavlos](https://discourse.aurelia.io/u/pavlos)\
**Replies:** 7\
**Last updated:** [April 2, 2020, 3:38pm UTC](https://discourse.aurelia.io/t/all-aurelia-typings/3346 "2020-04-02T15:38:58Z")

</div>

Does anyone know where I can find ALL typings for Aurelia, in order to run Typescript? It must be gathered somewhere? thanks

---

## [Module not found: Error: Can't resolve 'components/..'](https://discourse.aurelia.io/t/module-not-found-error-cant-resolve-components/3336)

<div class="topic-metadata">

**Author:** [@pavlos](https://discourse.aurelia.io/u/pavlos)\
**Replies:** 2\
**Last updated:** [March 27, 2020, 1:09pm UTC](https://discourse.aurelia.io/t/module-not-found-error-cant-resolve-components/3336 "2020-03-27T13:09:23Z")

</div>

After thinking that I successfully configured Typescript into existing Aurelia project, via webpack and tsconfig.json - I get this error which points to the only .ts file I have. ERROR in ./src/app.js Module not found…

---

## [Better know a framework #25: Binding with web component in Aurelia](https://discourse.aurelia.io/t/better-know-a-framework-25-binding-with-web-component-in-aurelia/3345)

<div class="topic-metadata">

**Author:** [@bigopon](https://discourse.aurelia.io/u/bigopon)\
**Replies:** 0\
**Last updated:** [March 28, 2020, 11:23am UTC](https://discourse.aurelia.io/t/better-know-a-framework-25-binding-with-web-component-in-aurelia/3345 "2020-03-28T11:23:47Z")

</div>

Please have a look at this answer:

---

## [Adding typescript to existing aurelia codebase](https://discourse.aurelia.io/t/adding-typescript-to-existing-aurelia-codebase/3335)

<div class="topic-metadata">

**Author:** [@pavlos](https://discourse.aurelia.io/u/pavlos)\
**Replies:** 2\
**Last updated:** [March 26, 2020, 5:30pm UTC](https://discourse.aurelia.io/t/adding-typescript-to-existing-aurelia-codebase/3335 "2020-03-26T17:30:19Z")

</div>

Hi, Does anyone know how to add Typescript to existing Aurelia project, which uses webpack and only currently has js files. I only want some of my own .ts files to be supported by Typescript. Is this even possible? Ri…

---

## [Better know a framework #24: HTML element size observation](https://discourse.aurelia.io/t/better-know-a-framework-24-html-element-size-observation/3315)

<div class="topic-metadata">

**Author:** [@bigopon](https://discourse.aurelia.io/u/bigopon)\
**Replies:** 2\
**Last updated:** [March 26, 2020, 10:34am UTC](https://discourse.aurelia.io/t/better-know-a-framework-24-html-element-size-observation/3315 "2020-03-26T10:34:13Z")

</div>

There’s often time where you want to observe width/height of an element in an easy way. There’s been many trick but with the new ResizeObserver API, it’s easier than ever. Though not every browser supports this API, so t…

---

## [Best practice for using Aurelia Store/State and canActivate](https://discourse.aurelia.io/t/best-practice-for-using-aurelia-store-state-and-canactivate/3162)

<div class="topic-metadata">

**Author:** [@davicoradini](https://discourse.aurelia.io/u/davicoradini)\
**Replies:** 8\
**Last updated:** [March 9, 2020, 8:25pm UTC](https://discourse.aurelia.io/t/best-practice-for-using-aurelia-store-state-and-canactivate/3162 "2020-03-09T20:25:42Z")

</div>

Help wanted! We’re migrating to aurelia-store (a success for now). But the thing is, in all our containers we use canActivate() to make sure the selected entity was found or check whether the user has rights to access i…

---

## [Aurelia Store - Initial state and local storage](https://discourse.aurelia.io/t/aurelia-store-initial-state-and-local-storage/3184)

<div class="topic-metadata">

**Author:** [@TomDoig](https://discourse.aurelia.io/u/TomDoig)\
**Replies:** 3\
**Last updated:** [January 24, 2020, 2:41pm UTC](https://discourse.aurelia.io/t/aurelia-store-initial-state-and-local-storage/3184 "2020-01-24T14:41:33Z")

</div>

Hi all, I’ve been using Aurelia Store to persist my local state into local storage. I’ve noticed that if any changes are made to my initialState declaration (e.g new properties, or changes to default values), they are …

---

## [Overriding VM class name convention](https://discourse.aurelia.io/t/overriding-vm-class-name-convention/3180)

<div class="topic-metadata">

**Author:** [@RomkeVdMeulen](https://discourse.aurelia.io/u/RomkeVdMeulen)\
**Replies:** 0\
**Last updated:** [January 22, 2020, 4:33pm UTC](https://discourse.aurelia.io/t/overriding-vm-class-name-convention/3180 "2020-01-22T16:33:22Z")

</div>

I needed to override the naming convention for VM class names: I wanted to be able to name VM’s attached to routes something like EmailRoute which might contain a EmailComponent. I didn’t find a built-in configuration t…

[Previous page](https://discourse.aurelia.io/c/framework-knowledge/7.md?page=2)

[Next page](https://discourse.aurelia.io/c/framework-knowledge/7.md?page=4)
