From e297e782e8ff49026c843be19e85fb4e66da30d1 Mon Sep 17 00:00:00 2001
From: Shane Melton <smelton@bitwarden.com>
Date: Fri, 6 Oct 2023 10:21:50 -0700
Subject: [PATCH] [CL-134] Rename key attribute to reduce typing

---
 libs/components/src/i18n/i18n.component.ts | 4 ++--
 libs/components/src/i18n/i18n.mdx          | 6 +++---
 libs/components/src/i18n/i18n.stories.ts   | 6 +++---
 3 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/libs/components/src/i18n/i18n.component.ts b/libs/components/src/i18n/i18n.component.ts
index 87e91d09c17..490623542f0 100644
--- a/libs/components/src/i18n/i18n.component.ts
+++ b/libs/components/src/i18n/i18n.component.ts
@@ -32,7 +32,7 @@ interface I18nStringPart {
  * tags.
  *
  * @example
- * <div bit-i18n key="exampleI18nKey">
+ * <div bit-i18n="exampleI18nKey">
  *  <a *bit-i18n-part="let text" routerLink="./first-link">{{ text }}</a>
  *  <a *bit-i18n-part="let text" routerLink="./bold-link">
  *    <strong>{{ text }}</strong>
@@ -55,7 +55,7 @@ interface I18nStringPart {
   standalone: true,
 })
 export class I18nComponent implements AfterContentInit {
-  @Input("key")
+  @Input("bit-i18n")
   translationKey: string;
 
   /**
diff --git a/libs/components/src/i18n/i18n.mdx b/libs/components/src/i18n/i18n.mdx
index 977788b385f..b1695a942d8 100644
--- a/libs/components/src/i18n/i18n.mdx
+++ b/libs/components/src/i18n/i18n.mdx
@@ -31,7 +31,7 @@ content will be rendered as is.
     "This is an example with <0>link</0> tags and <1>bold</1> tags.
     The entire sentence can be <2>translated as a whole</2> and re-arranged according to each language's grammar rules."
 -->
-<div bit-i18n key="basicExample">
+<div bit-i18n="basicExample">
   <!-- <0></0> -->
   <a *bit-i18n-part="let text" routerLink="./">{{ text }}</a>
   <!-- <1></1> -->
@@ -59,7 +59,7 @@ be rendered as is.
    "This is an example with <0>link</0> tags and <1>bold</1> tags.
    The entire sentence can be <2>translated as a whole</2> and re-arranged according to each language's grammar rules."
 -->
-<div bit-i18n key="basicExample">
+<div bit-i18n="basicExample">
   <!-- <0></0> -->
   <a *bit-i18n-part="let text" routerLink="./">{{ text }}</a>
   <!-- <1></1> -->
@@ -82,7 +82,7 @@ You can also pass arguments to the `i18nService.t()` method via the `[args]` inp
 <!-- argExample in messages.json
    `This is an example with <0>link</0> tags and $SOME_ARG$.`
 -->
-<div bit-i18n key="argExample" [args]="['passed args']">
+<div bit-i18n="argExample" [args]="['passed args']">
   <!-- <0></0> -->
   <a *bit-i18n-part="let text" routerLink="./">{{ text }}</a>
 </div>
diff --git a/libs/components/src/i18n/i18n.stories.ts b/libs/components/src/i18n/i18n.stories.ts
index b0bf069dc7a..cbbfcdedf51 100644
--- a/libs/components/src/i18n/i18n.stories.ts
+++ b/libs/components/src/i18n/i18n.stories.ts
@@ -47,7 +47,7 @@ export const Basic: Story = {
   render: (args) => ({
     props: args,
     template: `
-<div bit-i18n key="basicExample">
+<div bit-i18n="basicExample">
   <a *bit-i18n-part="let text" href="javascript:;">{{ text }}</a>
   <strong *bit-i18n-part="let text">{{ text }}</strong>
   <a *bit-i18n-part="let text" href="https://localization.blog/2022/05/16/i18n-best-practices-keep-it-together/">
@@ -62,7 +62,7 @@ export const ArgsExample: Story = {
   render: (args) => ({
     props: args,
     template: `
-<p bit-i18n key="argExample" [args]="['passed args']">
+<p bit-i18n="argExample" [args]="['passed args']">
   <a *bit-i18n-part="let text" href="javascript:;">{{ text }}</a>
   <strong *bit-i18n-part="let text">{{ text }}</strong>
 </p>
@@ -74,7 +74,7 @@ export const MissingTemplate: Story = {
   render: (args) => ({
     props: args,
     template: `
-<p bit-i18n key="basicExample">
+<p bit-i18n="basicExample">
   <a *bit-i18n-part="let text" href="javascript:;">{{ text }}</a>
   <strong *bit-i18n-part="let text">{{ text }}</strong>
 </p>