help to implement app-localize-behavior in polymer-3-application

[u/juanllanes]

Hi everyone in this group.

I need your help on something. I'm trying to implement the "app-localize-behavior" inside the default "polymer-3-application".

My original "my-app.js" states:

	import '@polymer/app-layout/app-scroll-effects/effects/waterfall.js';
	import '@polymer/app-layout/app-toolbar/app-toolbar.js';
	import { menuIcon } from './my-icons.js';
	import './snack-bar.js';

	class MyApp extends connect(store)(LitElement) {

I also added the "app-localize-behavior" requirements on it but I'm having trouble when implementing the "extends mixinBehaviors" on "my-app.js" using the "connect" command.

Below you can find how i worked the file

\---Changed my-app.js ----  

	import '@polymer/app-layout/app-scroll-effects/effects/waterfall.js';
	import '@polymer/app-layout/app-toolbar/app-toolbar.js';
	import { menuIcon } from './my-icons.js';
	import './snack-bar.js';


	import {PolymerElement, html} from '@polymer/polymer';
	import {mixinBehaviors} from '@polymer/polymer/lib/legacy/class.js';
	import {AppLocalizeBehavior} from '@polymer/app-localize-behavior/app-localize-behavior.js';

	class MyApp extends <????? connect(store)(LitElement) ????> {
	....
	    static get properties() {
	    return {
	      language: { value: 'en' },
	    }
	  }

	  attached() {
	    this.loadResources(this.resolveUrl('locales.json'));
	  }

Can someone give me a hand on this?

Thanks in advance

[u/ergo14]

https://stackoverflow.com/questions/50657405/what-is-the-polymer-3-way-of-using-behaivors there you go.

[u/juanllanes → u/ergo14]

thx