Our great sponsors
-
The first step is to import i18 functionality into my card with the following line: import { I18NMixin } from '@lrnwebcomponents/i18n-manager/lib/I18NMixin.js'; The I18 Mixin is a sort of super class created by non other than the BTO Pro himself. I18 always for language internationalization functionality in lit. In order to get the basic implementation into my project I used the following article from BTO Pro: https://dev.to/btopro/i18n-in-web-components-2gii I also used the following sample repos, also from BTO Pro, to see how I18 could be incorporated into a functioning Web Component: https://github.com/elmsln/lrnwebcomponents/blob/master/elements/self-check/self-check.js https://github.com/elmsln/lrnwebcomponents/blob/master/elements/word-count/word-count.js After reading through these articles, and several discussions with the BTO Pro, this is how I implemented my i18 flags:
-
The Resulting card I produced had full i18 functionality for all 5 languages I added: English, Spanish, French, Polish, and German. If you would like to see the other functions of the card rather than just read about my weird esoteric obsession's with European languages and see why this card could be a very useful educational component check out my team's repo here: https://github.com/TheKodingKrab/flash-card
-
SurveyJS
Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.