!3665 doc(#I67B6X): update AnchorLink demo

* Merge branch 'main' into I67B6X-AnchorLink
* Merge branch 'main' into I67B6X-AnchorLink
* update AnchorLink demo

src/BootstrapBlazor.Shared/Demos/AnchorLink/AnchorLinkNormal.razor

@@ -0,0 +1,3 @@
+@inject IStringLocalizer<AnchorLinkNormal> Localizer
+
+<AnchorLink Text="@Localizer["AnchorLinkText"]" Id="AnchorLink1" TooltipText="Copied" class="anchor-link-demo" />

src/BootstrapBlazor.Shared/Locales/en.json

@@ -4123,22 +4123,24 @@
     "P2": "By setting the <code>Interval</code> interval, when there is no mouse or keyboard action, it will automatically jump to the address set by <code>RedirectUrl</code>"
   },
   "BootstrapBlazor.Shared.Samples.AnchorLinks": {
-    "H1": "AnchorLink",
-    "P1": "Apply to title strip",
-    "P2": "Anchor link, click to copy for easy sharing",
-    "P3": "Common usage",
-    "P4": "After placing the label click on the copy anchor link to the pasteboard",
-    "P5": "I am a clickable anchor link",
-    "P6": "Anchor Link Component Properties",
-    "P7": "It is a required item, and the function of copying the anchor link will not be provided if it is not filled in",
-    "P8": "Component anchor icons are available via",
-    "P9": "The parameter is customized and the default is",
-    "TooltipDesc": "<code>TooltipText</code> Used to set the prompt message after copying the address",
+    "AnchorLinkTitle": "AnchorLink",
+    "AnchorLinkDescribe1": "Apply to title strip",
+    "AnchorLinkDescribe2": "Anchor link, click to copy for easy sharing",
+    "AnchorLinkDemoTitle": "Common usage",
+    "AnchorLinkDemoIntroduction": "After placing the label click on the copy anchor link to the pasteboard",
+    "AnchorLinkTips1": "Anchor Link Component Properties",
+    "AnchorLinkTips2": "It is a required item, and the function of copying the anchor link will not be provided if it is not filled in",
+    "AnchorLinkTips3": "Component anchor icons are available via",
+    "AnchorLinkTips4": "The parameter is customized and the default is",
+    "AnchorLinkTips5": "<code>TooltipText</code> Used to set the prompt message after copying the address",
     "AttrId": "Id",
     "AttrIcon": "Icon",
     "AttrText": "Display text",
     "AttrTooltipText": "Tooltip text"
   },
+  "BootstrapBlazor.Shared.Demos.AnchorLink.AnchorLinkNormal": {
+    "AnchorLinkText": "I am a clickable anchor link"
+  },
   "BootstrapBlazor.Shared.Samples.QRCodes": {
     "Title": "QRCode",
     "SubTitle": "Generate QR code",

src/BootstrapBlazor.Shared/Locales/zh.json

@@ -4122,22 +4122,24 @@
     "P2": "通过设置 <code>Interval</code> 间隔，当无鼠标或者键盘动作时自动跳转到 <code>RedirectUrl</code> 设置的地址"
   },
   "BootstrapBlazor.Shared.Samples.AnchorLinks": {
-    "H1": "AnchorLink 锚点链接",
-    "P1": "应用于标题带",
-    "P2": "的锚点链接，点击拷贝方便分享",
-    "P3": "普通用法",
-    "P4": "放置标签后点击拷贝锚点链接到粘贴板",
-    "P5": "我是一个可以点击的锚点链接",
-    "P6": "锚点链接组件属性",
-    "P7": "为必填项，不填写时不提供拷贝锚点链接功能",
-    "P8": "组件锚点图标可通过",
-    "P9": "参数进行自定义默认为",
-    "TooltipDesc": "参数 <code>TooltipText</code> 用于设置拷贝地址后提示信息 默认 <code>null</code> 不弹出提示信息",
+    "AnchorLinkTitle": "AnchorLink 锚点链接",
+    "AnchorLinkDescribe1": "应用于标题带",
+    "AnchorLinkDescribe2": "的锚点链接，点击拷贝方便分享",
+    "AnchorLinkDemoTitle": "普通用法",
+    "AnchorLinkDemoIntroduction": "放置标签后点击拷贝锚点链接到粘贴板",
+    "AnchorLinkTips1": "锚点链接组件属性",
+    "AnchorLinkTips2": "为必填项，不填写时不提供拷贝锚点链接功能",
+    "AnchorLinkTips3": "组件锚点图标可通过",
+    "AnchorLinkTips4": "参数进行自定义默认为",
+    "AnchorLinkTips5": "参数 <code>TooltipText</code> 用于设置拷贝地址后提示信息 默认 <code>null</code> 不弹出提示信息",
     "AttrId": "Id",
     "AttrIcon": "图标",
     "AttrText": "文本",
     "AttrTooltipText": "提示栏文本"
   },
+  "BootstrapBlazor.Shared.Demos.AnchorLink.AnchorLinkNormal": {
+    "AnchorLinkText": "我是一个可以点击的锚点链接"
+  },
   "BootstrapBlazor.Shared.Samples.QRCodes": {
     "Title": "QRCode 二维码",
     "SubTitle": "用于二维码生成",

src/BootstrapBlazor.Shared/Samples/AnchorLinks.razor

@@ -1,17 +1,15 @@
 @page "/anchorlinks"
 
-<h3>@Localizer["H1"]</h3>
+<h3>@Localizer["AnchorLinkTitle"]</h3>
 
-<h4>@Localizer["P1"] <b>Hash</b> @Localizer["P2"]</h4>
+<h4>@Localizer["AnchorLinkDescribe1"] <b>Hash</b> @Localizer["AnchorLinkDescribe2"]</h4>
 
-<DemoBlock Title="@Localizer["P3"]" Introduction="@Localizer["P4"]" Name="Normal">
-    <AnchorLink Text="@Localizer["P5"]" Id="AnchorLink1" TooltipText="Copied" class="anchor-link-demo" />
-</DemoBlock>
+<DemoBlock Title="@Localizer["AnchorLinkDemoTitle"]" Introduction="@Localizer["AnchorLinkDemoIntroduction"]" Name="Normal" Demo="AnchorLink.AnchorLinkNormal"/>
 
 <Tips class="mt-3">
-    <div><code>AnchorLink</code> @Localizer["P6"] <code>Id</code> @Localizer["P7"]</div>
-    <div>@Localizer["P8"] <code>Icon</code> @Localizer["P9"] <i class="fa-solid fa-link"></i></div>
-    <div>@((MarkupString)Localizer["TooltipDesc"].Value)</div>
+    <div><code>AnchorLink</code> @Localizer["AnchorLinkTips1"] <code>Id</code> @Localizer["AnchorLinkTips2"]</div>
+    <div>@Localizer["AnchorLinkTips3"] <code>Icon</code> @Localizer["AnchorLinkTips4"] <i class="fa-solid fa-link"></i></div>
+    <div>@((MarkupString)Localizer["AnchorLinkTips5"].Value)</div>
 </Tips>
 
 <AttributeTable Items="@GetAttributes()" />