Setup @angular/localize in docs app to enable examples show-casing i18n (#991)

Author: devversion

package.json

@@ -44,6 +44,7 @@
     "@angular/core": "^12.0.0",
     "@angular/forms": "^12.0.0",
     "@angular/google-maps": "^12.0.1",
+    "@angular/localize": "^12.0.1",
     "@angular/material": "^12.0.1",
     "@angular/material-experimental": "^12.0.1",
     "@angular/material-moment-adapter": "^12.0.1",
@@ -66,7 +67,6 @@
     "@angular-eslint/template-parser": "4.0.0",
     "@angular/cli": "^12.0.0",
     "@angular/compiler-cli": "^12.0.0",
-    "@angular/localize": "^12.0.0",
     "@types/imagemin": "^7.0.0",
     "@types/jasmine": "^3.6.6",
     "@types/node": "^14.14.22",

src/polyfills.ts

@@ -64,3 +64,8 @@ import 'zone.js';  // Included with Angular CLI.
 /***************************************************************************************************
  * APPLICATION IMPORTS
  */
+
+// Examples might use `$localize`, so we initialize the localize package. Note that we do not
+// intend to load any translations at runtime. `$localize` has a pass-through mode where it does
+// not actually translate content. This is what we want to use for our examples.
+import '@angular/localize/init';

yarn.lock

@@ -270,10 +270,10 @@
     "@types/googlemaps" "^3.43.1"
     tslib "^2.1.0"
 
-"@angular/localize@^12.0.0":
-  version "12.0.0"
-  resolved "https://registry.yarnpkg.com/@angular/localize/-/localize-12.0.0.tgz#dbe60215fe54ccc3e32d915bf9e4d742988cf3db"
-  integrity sha512-vJ/xeIhF4odmSgf2XAAIb57AmUgS1DiprQeeG5aY1lZ9ZMBDC1BkeONseQDBg0d9HkT9KdqElDBuSMGfQfzEkw==
+"@angular/localize@^12.0.1":
+  version "12.0.1"
+  resolved "https://registry.yarnpkg.com/@angular/localize/-/localize-12.0.1.tgz#6477066b6e4830c9dffa931064794108961d4364"
+  integrity sha512-+nLvfbX2tQUMCDILlUOhb1o3B7DzcJgrEy3QEG3dGkT7A7RjA5zShXN+CXuaeEMlTSGURVx3IEzuudpGcgLz9Q==
   dependencies:
     "@babel/core" "7.8.3"
     glob "7.1.7"