Merge pull request #7 from AppOutlet/portuguese-translation

AppOutletTeam · web-flow · commit 3e478778a3c3 · 2025-07-08T17:57:08.000+01:00
Portuguese translation
diff --git a/angular.json b/angular.json
@@ -19,7 +19,8 @@
           "options": {
             "browser": "src/main.ts",
             "polyfills": [
-              "zone.js"
+              "zone.js",
+              "@angular/localize/init"
             ],
             "tsConfig": "tsconfig.app.json",
             "inlineStyleLanguage": "scss",
@@ -92,9 +93,23 @@
             ],
             "styles": [
               "src/styles.scss"
+            ],
+            "polyfills": [
+              "@angular/localize/init"
             ]
           }
         }
+      },
+      "i18n": {
+        "sourceLocale": {
+          "code": "en",
+          "subPath": ""
+        },
+        "locales": {
+          "pt-BR": {
+            "translation": "src/locale/messages.pt-BR.xlf"
+          }
+        }
       }
     }
   }
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -4,7 +4,7 @@
   "scripts": {
     "ng": "ng",
     "start": "ng serve",
-    "build": "ng build",
+    "build": "ng build --localize",
     "watch": "ng build --watch --configuration development",
     "test": "ng test",
     "serve:ssr:appoutlet.github.io": "node dist/appoutlet.github.io/server/server.mjs"
@@ -43,6 +43,7 @@
     "@angular/build": "^20.0.4",
     "@angular/cli": "^20.0.4",
     "@angular/compiler-cli": "^20.0.0",
+    "@angular/localize": "^20.0.6",
     "@types/express": "^5.0.1",
     "@types/jasmine": "~5.1.0",
     "@types/node": "^20.17.19",
diff --git a/src/app/component/blog/blog.html b/src/app/component/blog/blog.html
@@ -28,7 +28,7 @@ <h2 class="title is-2 has-text-centered mt-6">Latest Insights & Updates</h2>
             <p>{{ post.brief }}</p>
           </div>
 
-          <a [href]="post.url" target="_blank" class="button">
+          <a [href]="post.url" target="_blank" class="button" i18n>
             <i class="ph ph-arrow-up-right mr-2"></i>
             Read the full article
           </a>
diff --git a/src/app/component/hero/hero.html b/src/app/component/hero/hero.html
@@ -9,7 +9,7 @@
 
     <h1 class="title is-1 has-text-centered block">AppOutlet</h1>
 
-    <p class="title is-4 has-text-centered block pt-3 px-3">
+    <p class="title is-4 has-text-centered block pt-3 px-3" i18n>
       Crafting exceptional mobile and desktop applications that work everywhere with <span class="brand-gradient-text">stunning design</span>
     </p>
 
diff --git a/src/locale/index.html b/src/locale/index.html
@@ -0,0 +1 @@
+h
diff --git a/src/locale/messages.pt-BR.xlf b/src/locale/messages.pt-BR.xlf
@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<xliff version="1.2" xmlns="urn:oasis:names:tc:xliff:document:1.2">
+  <file source-language="en" datatype="plaintext" original="ng2.template">
+    <body>
+      <trans-unit id="5591821559397741895" datatype="html">
+        <source><x id="START_ITALIC_TEXT" ctype="x-i" equiv-text="&lt;i class=&quot;ph ph-arrow-up-right mr-2&quot;&gt;"/><x id="CLOSE_ITALIC_TEXT" ctype="x-i" equiv-text="&lt;/i&gt;"/> Read the full article </source>
+        <target><x id="START_ITALIC_TEXT" ctype="x-i" equiv-text="&lt;i class=&quot;ph ph-arrow-up-right mr-2&quot;&gt;"/><x id="CLOSE_ITALIC_TEXT" ctype="x-i" equiv-text="&lt;/i&gt;"/> Leia o artigo completo </target>
+        <context-group purpose="location">
+          <context context-type="sourcefile">src/app/component/blog/blog.html</context>
+          <context context-type="linenumber">32,34</context>
+        </context-group>
+      </trans-unit>
+      <trans-unit id="4579298714588691402" datatype="html">
+        <source> Crafting exceptional mobile and desktop applications that work everywhere with <x id="START_TAG_SPAN" ctype="x-span" equiv-text="&lt;span class=&quot;brand-gradient-text&quot;&gt;"/>stunning design<x id="CLOSE_TAG_SPAN" ctype="x-span" equiv-text="&lt;/span&gt;"/></source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">src/app/component/hero/hero.html</context>
+          <context context-type="linenumber">13,16</context>
+        </context-group>
+      </trans-unit>
+    </body>
+  </file>
+</xliff>
diff --git a/src/locale/messages.xlf b/src/locale/messages.xlf
@@ -0,0 +1,21 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<xliff version="1.2" xmlns="urn:oasis:names:tc:xliff:document:1.2">
+  <file source-language="en" datatype="plaintext" original="ng2.template">
+    <body>
+      <trans-unit id="5591821559397741895" datatype="html">
+        <source><x id="START_ITALIC_TEXT" ctype="x-i" equiv-text="&lt;i class=&quot;ph ph-arrow-up-right mr-2&quot;&gt;"/><x id="CLOSE_ITALIC_TEXT" ctype="x-i" equiv-text="&lt;/i&gt;"/> Read the full article </source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">src/app/component/blog/blog.html</context>
+          <context context-type="linenumber">32,34</context>
+        </context-group>
+      </trans-unit>
+      <trans-unit id="4579298714588691402" datatype="html">
+        <source> Crafting exceptional mobile and desktop applications that work everywhere with <x id="START_TAG_SPAN" ctype="x-span" equiv-text="&lt;span class=&quot;brand-gradient-text&quot;&gt;"/>stunning design<x id="CLOSE_TAG_SPAN" ctype="x-span" equiv-text="&lt;/span&gt;"/></source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">src/app/component/hero/hero.html</context>
+          <context context-type="linenumber">13,16</context>
+        </context-group>
+      </trans-unit>
+    </body>
+  </file>
+</xliff>
diff --git a/src/main.ts b/src/main.ts
@@ -1,3 +1,5 @@
+/// <reference types="@angular/localize" />
+
 import { bootstrapApplication } from '@angular/platform-browser';
 import { appConfig } from './app/app.config';
 import { App } from './app/app';
diff --git a/tsconfig.app.json b/tsconfig.app.json
@@ -5,7 +5,8 @@
   "compilerOptions": {
     "outDir": "./out-tsc/app",
     "types": [
-      "node"
+      "node",
+      "@angular/localize"
     ]
   },
   "include": [

Original file line number	Diff line number	Diff line change
`@@ -19,7 +19,8 @@`
`19`	`19`	`"options": {`
`20`	`20`	`"browser": "src/main.ts",`
`21`	`21`	`"polyfills": [`
`22`		`- "zone.js"`
	`22`	`+ "zone.js",`
	`23`	`+ "@angular/localize/init"`
`23`	`24`	`],`
`24`	`25`	`"tsConfig": "tsconfig.app.json",`
`25`	`26`	`"inlineStyleLanguage": "scss",`
`@@ -92,9 +93,23 @@`
`92`	`93`	`],`
`93`	`94`	`"styles": [`
`94`	`95`	`"src/styles.scss"`
	`96`	`+ ],`
	`97`	`+ "polyfills": [`
	`98`	`+ "@angular/localize/init"`
`95`	`99`	`]`
`96`	`100`	`}`
`97`	`101`	`}`
	`102`	`+ },`
	`103`	`+ "i18n": {`
	`104`	`+ "sourceLocale": {`
	`105`	`+ "code": "en",`
	`106`	`+ "subPath": ""`
	`107`	`+ },`
	`108`	`+ "locales": {`
	`109`	`+ "pt-BR": {`
	`110`	`+ "translation": "src/locale/messages.pt-BR.xlf"`
	`111`	`+ }`
	`112`	`+ }`
`98`	`113`	`}`
`99`	`114`	`}`
`100`	`115`	`}`
Original file line number	Diff line number	Diff line change
`@@ -1,3 +1,5 @@`
	`1`	`+/// <reference types="@angular/localize" />`
	`2`	`+`
`1`	`3`	`import { bootstrapApplication } from '@angular/platform-browser';`
`2`	`4`	`import { appConfig } from './app/app.config';`
`3`	`5`	`import { App } from './app/app';`