nodebb-theme-harmony 3.0.15 → 3.1.0

package/templates/account/shares.tpl

@@ -2,7 +2,7 @@
 
 <div class="d-flex justify-content-between align-items-center mb-3">
 	<div class="d-flex gap-1">
-		<h3 class="fw-semibold fs-5">[[pages:account/shares, {username}]]</h3>
+		<h3 class="fw-semibold fs-5">{{tx("pages:account/shares", txEscape(username))}}</h3>
 	</div>
 </div>
 

package/templates/account/theme.tpl

@@ -1,38 +1,38 @@
 <!-- IMPORT partials/account/header.tpl -->
 
 <div class="mb-3 d-flex justify-content-between">
-	<h3 class="fw-semibold fs-5">[[themes/harmony:settings.title]]</h3>
+	<h3 class="fw-semibold fs-5">{{tx("themes/harmony:settings.title")}}</h3>
 
-	<button id="save" type="button" class="btn btn-primary">[[global:save-changes]]</button>
+	<button id="save" type="button" class="btn btn-primary">{{tx("global:save-changes")}}</button>
 </div>
 
 <form id="theme-settings" role="form">
 	<div class="form-check form-switch mb-3">
 		<input class="form-check-input" type="checkbox" role="switch" id="enableQuickReply" name="enableQuickReply" {{{ if theme.enableQuickReply }}}checked{{{ end }}}>
-		<label class="form-check-label" for="enableQuickReply">[[themes/harmony:settings.enableQuickReply]]</label>
+		<label class="form-check-label" for="enableQuickReply">{{tx("themes/harmony:settings.enableQuickReply")}}</label>
 	</div>
 
 	<div class="form-check form-switch mb-3">
 		<input type="checkbox" class="form-check-input" id="enableBreadcrumbs" name="enableBreadcrumbs" {{{ if theme.enableBreadcrumbs }}}checked{{{ end }}} />
-		<label for="enableBreadcrumbs" class="form-check-label">[[themes/harmony:settings.enableBreadcrumbs]]</label>
+		<label for="enableBreadcrumbs" class="form-check-label">{{tx("themes/harmony:settings.enableBreadcrumbs")}}</label>
 	</div>
 
 	<div class="form-check form-switch mb-3">
 		<input class="form-check-input" type="checkbox" role="switch" id="centerHeaderElements" name="centerHeaderElements" {{{ if theme.centerHeaderElements }}}checked{{{ end }}}>
-		<label class="form-check-label" for="centerHeaderElements">[[themes/harmony:settings.centerHeaderElements]]</label>
+		<label class="form-check-label" for="centerHeaderElements">{{tx("themes/harmony:settings.centerHeaderElements")}}</label>
 	</div>
 
 	<div class="form-check form-switch mb-3">
 		<input class="form-check-input" type="checkbox" role="switch" id="mobileTopicTeasers" name="mobileTopicTeasers" {{{ if theme.mobileTopicTeasers }}}checked{{{ end }}}>
-		<label class="form-check-label" for="mobileTopicTeasers">[[themes/harmony:settings.mobileTopicTeasers]]</label>
+		<label class="form-check-label" for="mobileTopicTeasers">{{tx("themes/harmony:settings.mobileTopicTeasers")}}</label>
 	</div>
 
 	<div class="form-check form-switch mb-3">
 		<input class="form-check-input" type="checkbox" role="switch" id="stickyToolbar" name="stickyToolbar" {{{ if theme.stickyToolbar }}}checked{{{ end }}}>
 		<label class="form-check-label" for="stickyToolbar">
-			[[themes/harmony:settings.stickyToolbar]]
+			{{tx("themes/harmony:settings.stickyToolbar")}}
 			<p class="form-text mb-0">
-				[[themes/harmony:settings.stickyToolbar.help]]
+				{{tx("themes/harmony:settings.stickyToolbar.help")}}
 			</p>
 		</label>
 	</div>
@@ -40,9 +40,9 @@
 	<div class="form-check form-switch mb-3">
 		<input class="form-check-input" type="checkbox" role="switch" id="topicSidebarTools" name="topicSidebarTools" {{{ if theme.topicSidebarTools }}}checked{{{ end }}}>
 		<label class="form-check-label" for="topicSidebarTools">
-			[[themes/harmony:settings.topicSidebarTools]]
+			{{tx("themes/harmony:settings.topicSidebarTools")}}
 			<p class="form-text mb-0">
-				[[themes/harmony:settings.topicSidebarTools.help]]
+				{{tx("themes/harmony:settings.topicSidebarTools.help")}}
 			</p>
 		</label>
 	</div>
@@ -51,9 +51,9 @@
 	<div class="form-check form-switch mb-3">
 		<input class="form-check-input" type="checkbox" role="switch" id="autohideBottombar" name="autohideBottombar" {{{ if theme.autohideBottombar }}}checked{{{ end }}}>
 		<label class="form-check-label" for="autohideBottombar">
-			[[themes/harmony:settings.autohideBottombar]]
+			{{tx("themes/harmony:settings.autohideBottombar")}}
 			<p class="form-text mb-0">
-				[[themes/harmony:settings.autohideBottombar.help]]
+				{{tx("themes/harmony:settings.autohideBottombar.help")}}
 			</p>
 		</label>
 	</div>
@@ -61,22 +61,21 @@
 	<div class="form-check form-switch mb-3">
 		<input class="form-check-input" type="checkbox" role="switch" id="topMobilebar" name="topMobilebar" {{{ if theme.topMobilebar }}}checked{{{ end }}}>
 		<label class="form-check-label" for="topMobilebar">
-			[[themes/harmony:settings.topMobilebar]]
+			{{tx("themes/harmony:settings.topMobilebar")}}
 		</label>
 	</div>
 
 	<div class="form-check form-switch mb-3">
 		<input class="form-check-input" type="checkbox" role="switch" id="openSidebars" name="openSidebars" {{{ if theme.openSidebars }}}checked{{{ end }}}>
-		<label class="form-check-label" for="openSidebars">[[themes/harmony:settings.openSidebars]]</label>
+		<label class="form-check-label" for="openSidebars">{{tx("themes/harmony:settings.openSidebars")}}</label>
 	</div>
 
 	<div class="form-check form-switch mb-3">
 		<input class="form-check-input" type="checkbox" role="switch" id="chatModals" name="chatModals" {{{ if theme.chatModals }}}checked{{{ end }}}>
 		<label class="form-check-label" for="chatModals">
-			[[themes/harmony:settings.chatModals]]
+			{{tx("themes/harmony:settings.chatModals")}}
 		</label>
 	</div>
-
 </form>
 
 <!-- IMPORT partials/account/footer.tpl -->

package/templates/account/topics.tpl

@@ -2,10 +2,10 @@
 
 <div class="d-flex justify-content-between align-items-center mb-3">
 	<div class="d-flex gap-1">
-		<h3 class="fw-semibold fs-5 mb-0 align-self-center">[[global:topics]]</h3>
+		<h3 class="fw-semibold fs-5 mb-0 align-self-center">{{tx("global:topics")}}</h3>
 		{{{ if showSort }}}
 		<div class="dropdown bottom-sheet" component="thread/sort">
-			<button title="[[global:sort]]" class="btn btn-ghost btn-sm dropdown-toggle" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false" type="button"><i class="fa-solid fa-arrow-up-wide-short"></i></button>
+			<button title="{{tx("global:sort")}}" class="btn btn-ghost btn-sm dropdown-toggle" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false" type="button"><i class="fa-solid fa-arrow-up-wide-short"></i></button>
 			<ul class="dropdown-menu p-1 text-sm" role="menu">
 				{{{each sortOptions }}}
 				<li>
@@ -22,10 +22,10 @@
 
 	<div class="d-flex gap-1">
 		{{{ if canEdit }}}
-		<a href="{config.relative_path}/user/{userslug}/topics" class="btn btn-ghost btn-sm ff-secondary fw-semibold {{{ if template.account/topics }}}active{{{ end }}}">[[global:header.recent]]</a>
-		<a href="{config.relative_path}/user/{userslug}/watched"class="btn btn-ghost btn-sm ff-secondary fw-semibold {{{ if template.account/watched }}}active{{{ end }}}">[[user:watched]]</a>
-		<a href="{config.relative_path}/user/{userslug}/ignored" class="btn btn-ghost btn-sm ff-secondary fw-semibold {{{ if template.account/ignored }}}active{{{ end }}}">[[user:ignored]]</a>
-		<a href="{config.relative_path}/user/{userslug}/read" class="btn btn-ghost btn-sm ff-secondary fw-semibold {{{ if template.account/read }}}active{{{ end }}}">[[user:read]]</a>
+		<a href="{config.relative_path}/user/{userslug}/topics" class="btn btn-ghost btn-sm ff-secondary fw-semibold {{{ if template.account/topics }}}active{{{ end }}}">{{tx("global:header.recent")}}</a>
+		<a href="{config.relative_path}/user/{userslug}/watched"class="btn btn-ghost btn-sm ff-secondary fw-semibold {{{ if template.account/watched }}}active{{{ end }}}">{{tx("user:watched")}}</a>
+		<a href="{config.relative_path}/user/{userslug}/ignored" class="btn btn-ghost btn-sm ff-secondary fw-semibold {{{ if template.account/ignored }}}active{{{ end }}}">{{tx("user:ignored")}}</a>
+		<a href="{config.relative_path}/user/{userslug}/read" class="btn btn-ghost btn-sm ff-secondary fw-semibold {{{ if template.account/read }}}active{{{ end }}}">{{tx("user:read")}}</a>
 		{{{ end }}}
 	</div>
 </div>

package/templates/account/uploads.tpl

@@ -3,11 +3,11 @@
 <h3 class="fw-semibold fs-5">{{tx(title)}}</h3>
 
 <div class="alert alert-info text-center">
-	{{{ if privateUploads }}}[[uploads:private-uploads-info]]{{{ else }}}[[uploads:public-uploads-info]]{{{ end }}}
+	{{{ if privateUploads }}}{{tx("uploads:private-uploads-info")}}{{{ else }}}{{tx("uploads:public-uploads-info")}}{{{ end }}}
 </div>
 
 {{{ if !uploads.length }}}
-<div class="alert alert-warning text-center">[[uploads:no-uploads-found]]</div>
+<div class="alert alert-warning text-center">{{tx("uploads:no-uploads-found")}}</div>
 {{{ end }}}
 
 <div class="table-responsive">
@@ -25,7 +25,7 @@
 					<a class="text-break text-reset text-sm" href="{config.relative_path}{./url}">{./url}</a>
 				</td>
 				<td style="width: 1%; white-space: nowrap;">
-					<button class="btn btn-danger btn-sm" data-action="delete" aria-label="[[aria:delete-upload-button]]"><i class="fa fa-trash"></i></button>
+					<button class="btn btn-danger btn-sm" data-action="delete" aria-label="{{tx("aria:delete-upload-button")}}"><i class="fa fa-trash"></i></button>
 				</td>
 			</tr>
 			{{{ end }}}

package/templates/admin/plugins/harmony.tpl

@@ -6,62 +6,62 @@
 			<form role="form" class="harmony-settings">
 				<div class="form-check form-switch">
 					<input type="checkbox" class="form-check-input" id="enableQuickReply" name="enableQuickReply" />
-					<label for="enableQuickReply" class="form-check-label">[[themes/harmony:settings.enableQuickReply]]</label>
+					<label for="enableQuickReply" class="form-check-label">{{tx("themes/harmony:settings.enableQuickReply")}}</label>
 				</div>
 				<div class="form-check form-switch">
 					<input type="checkbox" class="form-check-input" id="enableBreadcrumbs" name="enableBreadcrumbs" />
-					<label for="enableBreadcrumbs" class="form-check-label">[[themes/harmony:settings.enableBreadcrumbs]]</label>
-					<p class="form-text">[[themes/harmony:settings.enableBreadcrumbs.why]]</p>
+					<label for="enableBreadcrumbs" class="form-check-label">{{tx("themes/harmony:settings.enableBreadcrumbs")}}</label>
+					<p class="form-text">{{tx("themes/harmony:settings.enableBreadcrumbs.why")}}</p>
 				</div>
 				<div class="form-check form-switch">
 					<input type="checkbox" class="form-check-input" id="centerHeaderElements" name="centerHeaderElements" />
-					<label for="centerHeaderElements" class="form-check-label">[[themes/harmony:settings.centerHeaderElements]]</label>
+					<label for="centerHeaderElements" class="form-check-label">{{tx("themes/harmony:settings.centerHeaderElements")}}</label>
 				</div>
 				<div class="form-check form-switch">
 					<input type="checkbox" class="form-check-input" id="mobileTopicTeasers" name="mobileTopicTeasers" />
-					<label for="mobileTopicTeasers" class="form-check-label">[[themes/harmony:settings.mobileTopicTeasers]]</label>
+					<label for="mobileTopicTeasers" class="form-check-label">{{tx("themes/harmony:settings.mobileTopicTeasers")}}</label>
 				</div>
 				<div class="form-check form-switch">
 					<input type="checkbox" class="form-check-input" id="stickyToolbar" name="stickyToolbar" />
 					<div for="stickyToolbar" class="form-check-label">
-						[[themes/harmony:settings.stickyToolbar]]
+						{{tx("themes/harmony:settings.stickyToolbar")}}
 						<p class="form-text">
-							[[themes/harmony:settings.stickyToolbar.help]]
+							{{tx("themes/harmony:settings.stickyToolbar.help")}}
 						</p>
 					</div>
 				</div>
 				<div class="form-check form-switch">
 					<input type="checkbox" class="form-check-input" id="topicSidebarTools" name="topicSidebarTools" />
 					<div for="topicSidebarTools" class="form-check-label">
-						[[themes/harmony:settings.topicSidebarTools]]
+						{{tx("themes/harmony:settings.topicSidebarTools")}}
 						<p class="form-text">
-							[[themes/harmony:settings.topicSidebarTools.help]]
+							{{tx("themes/harmony:settings.topicSidebarTools.help")}}
 						</p>
 					</div>
 				</div>
 				<div class="form-check form-switch">
 					<input type="checkbox" class="form-check-input" id="autohideBottombar" name="autohideBottombar" />
 					<div for="autohideBottombar" class="form-check-label">
-						[[themes/harmony:settings.autohideBottombar]]
+						{{tx("themes/harmony:settings.autohideBottombar")}}
 						<p class="form-text">
-							[[themes/harmony:settings.autohideBottombar.help]]
+							{{tx("themes/harmony:settings.autohideBottombar.help")}}
 						</p>
 					</div>
 				</div>
 				<div class="form-check form-switch">
 					<input type="checkbox" class="form-check-input" id="topMobilebar" name="topMobilebar" />
 					<div for="topMobilebar" class="form-check-label">
-						[[themes/harmony:settings.topMobilebar]]
+						{{tx("themes/harmony:settings.topMobilebar")}}
 					</div>
 				</div>
 				<div class="form-check form-switch">
 					<input type="checkbox" class="form-check-input" id="openSidebars" name="openSidebars" />
-					<label for="openSidebars" class="form-check-label">[[themes/harmony:settings.openSidebars]]</label>
+					<label for="openSidebars" class="form-check-label">{{tx("themes/harmony:settings.openSidebars")}}</label>
 				</div>
 				<div class="form-check form-switch">
 					<input type="checkbox" class="form-check-input" id="chatModals" name="chatModals" />
 					<div for="chatModals" class="form-check-label">
-						[[themes/harmony:settings.chatModals]]
+						{{tx("themes/harmony:settings.chatModals")}}
 					</div>
 				</div>
 			</form>

package/templates/category.tpl

@@ -11,20 +11,20 @@
 			<div class="d-flex flex-wrap gap-2 align-items-center {{{ if config.theme.centerHeaderElements }}}justify-content-center{{{ end }}}">
 				<span class="badge text-body border border-gray-300 stats text-xs">
 					<span title="{formattedNumber(totalTopicCount)}" class="fw-bold">{humanReadableNumber(totalTopicCount)}</span>
-					<span class="text-lowercase fw-normal">[[global:topics]]</span>
+					<span class="text-lowercase fw-normal">{{tx("global:topics")}}</span>
 				</span>
 				<span class="badge text-body border border-gray-300 stats text-xs">
 					<span title="{formattedNumber(totalPostCount)}" class="fw-bold">{humanReadableNumber(totalPostCount)}</span>
-					<span class="text-lowercase fw-normal">[[global:posts]]</span>
+					<span class="text-lowercase fw-normal">{{tx("global:posts")}}</span>
 				</span>
 				{{{ if !isNumber(cid) }}}
 				<a href="{./url}" class="badge text-body border border-gray-300 text-xs" data-ajaxify="false">
-					<span class="fw-normal">View Original</span>
+					<span class="fw-normal">{{tx("category:view-original")}}</span>
 					<i class="fa fa-external-link"></i>
 				</a>
 				{{{ end }}}
 				{{{ if (!feeds:disableRSS && rssFeedUrl) }}}
-				<a class="badge text-body text-decoration-none border border-gray-300 d-flex align-items-center align-self-stretch" target="_blank" href="{rssFeedUrl}" itemprop="item" title="[[global:rss-feed]]"><i class="fa fa-rss fa-sm text-muted lh-1"></i></a>
+				<a class="badge text-body text-decoration-none border border-gray-300 d-flex align-items-center align-self-stretch" target="_blank" href="{rssFeedUrl}" itemprop="item" title="{{tx("global:rss-feed")}}"><i class="fa fa-rss fa-sm text-muted lh-1"></i></a>
 				{{{ end }}}
 			</div>
 		</div>
@@ -36,7 +36,7 @@
 	{{{ end }}}
 	{{{ if ./handleFull }}}
 	<p class="text-secondary text-sm fst-italic mb-0 {{{ if config.theme.centerHeaderElements }}}text-center{{{ end }}}">
-		[[category:handle.description, {handleFull}]]
+		{{tx("category:handle.description", txEscape(handleFull))}}
 		<a href="#" class="link-secondary" data-action="copy" data-clipboard-text="{handleFull}"><i class="fa fa-fw fa-copy" aria-hidden="true"></i></a>
 	</p>
 	{{{ end }}}
@@ -60,14 +60,14 @@
 		{{{ if (./inbox && (./hasFollowers == false)) }}}
 		<div class="alert alert-warning mb-4" id="category-no-followers" data-bs-toggle="dropdown" data-bs-target='[component="topic/watch"] button' aria-hidden="true">
 			<i class="fa fa-triangle-exclamation pe-2"></i>
-			[[category:no-followers]]
+			{{tx("category:no-followers")}}
 			<a href="#" class="stretched-link"></a>
 		</div>
 		{{{ end }}}
 
 		{{{ if (!topics.length && privileges.topics:create) }}}
 		<div class="alert alert-info" id="category-no-topics">
-			[[category:no-topics]]
+			{{tx("category:no-topics")}}
 		</div>
 		{{{ end }}}
 

package/templates/header.tpl

@@ -23,7 +23,7 @@
 </head>
 
 <body class="{bodyClass} skin-{{{if bootswatchSkin}}}{bootswatchSkin}{{{else}}}noskin{{{end}}}">
-	<a class="visually-hidden-focusable position-absolute top-0 start-0 p-3 m-3 bg-body" style="z-index: 1021;" href="#content">[[global:skip-to-content]]</a>
+	<a class="visually-hidden-focusable position-absolute top-0 start-0 p-3 m-3 bg-body" style="z-index: 1021;" href="#content">{{tx("global:skip-to-content")}}</a>
 
 	{{{ if config.theme.topMobilebar }}}
 	<!-- IMPORT partials/mobile-header.tpl -->

package/templates/notifications.tpl

@@ -2,7 +2,7 @@
 	<div class="d-flex flex-column flex-md-row">
 		<div class="d-flex flex-column flex-shrink-0 pe-2 border-end-md text-sm mb-3 flex-basis-md-200 gap-2">
 
-			<button class="btn btn-sm btn-primary w-100" component="notifications/mark_all"><i class="fa fa-check-double"></i> [[notifications:mark-all-read]]</a></button>
+			<button class="btn btn-sm btn-primary w-100" component="notifications/mark_all"><i class="fa fa-check-double"></i> {{tx("notifications:mark-all-read")}}</button>
 
 			<div class="nav sticky-top d-flex flex-row flex-md-column flex-wrap gap-1" style="z-index: 1;">
 				{{{ each filters }}}

package/templates/partials/account/admin-menu.tpl

@@ -4,32 +4,32 @@
 	</button>
 	<ul class="dropdown-menu dropdown-menu-end p-1 text-sm account-sub-links" role="menu">
 		<li>
-			<a class="dropdown-item rounded-1" href="{config.relative_path}/user/{userslug}/info" role="menuitem">[[user:account-info]]</a>
+			<a class="dropdown-item rounded-1" href="{config.relative_path}/user/{userslug}/info" role="menuitem">{{tx("user:account-info")}}</a>
 		</li>
 		{{{ if (canBan || canMute) }}}
 		<li role="separator" class="dropdown-divider"></li>
 		{{{ end }}}
 		{{{ if canBan }}}
 		<li class="{{{ if banned }}}hide{{{ end }}}">
-			<a class="dropdown-item rounded-1" component="account/ban" href="#" role="menuitem">[[user:ban-account]]</a>
+			<a class="dropdown-item rounded-1" component="account/ban" href="#" role="menuitem">{{tx("user:ban-account")}}</a>
 		</li>
 		<li class="{{{ if !banned }}}hide{{{ end }}}">
-			<a class="dropdown-item rounded-1" component="account/unban" href="#" role="menuitem">[[user:unban-account]]</a>
+			<a class="dropdown-item rounded-1" component="account/unban" href="#" role="menuitem">{{tx("user:unban-account")}}</a>
 		</li>
 		{{{ end }}}
 		{{{ if canMute }}}
 		<li class="{{{ if muted }}}hide{{{ end }}}">
-			<a class="dropdown-item rounded-1" component="account/mute" href="#" role="menuitem">[[user:mute-account]]</a>
+			<a class="dropdown-item rounded-1" component="account/mute" href="#" role="menuitem">{{tx("user:mute-account")}}</a>
 		</li>
 		<li class="{{{ if !muted }}}hide{{{ end }}}">
-			<a class="dropdown-item rounded-1" component="account/unmute" href="#" role="menuitem">[[user:unmute-account]]</a>
+			<a class="dropdown-item rounded-1" component="account/unmute" href="#" role="menuitem">{{tx("user:unmute-account")}}</a>
 		</li>
 		{{{ end }}}
 		{{{ if isAdmin }}}
 		<li>
-			<a component="account/delete-account" href="#" class="dropdown-item rounded-1" role="menuitem">[[user:delete-account-as-admin]]</a>
-			<a component="account/delete-content" href="#" class="dropdown-item rounded-1" role="menuitem">[[user:delete-content]]</a>
-			<a component="account/delete-all" href="#" class="dropdown-item rounded-1" role="menuitem">[[user:delete-all]]</a>
+			<a component="account/delete-account" href="#" class="dropdown-item rounded-1" role="menuitem">{{tx("user:delete-account-as-admin")}}</a>
+			<a component="account/delete-content" href="#" class="dropdown-item rounded-1" role="menuitem">{{tx("user:delete-content")}}</a>
+			<a component="account/delete-all" href="#" class="dropdown-item rounded-1" role="menuitem">{{tx("user:delete-all")}}</a>
 		</li>
 		{{{ end }}}
 	</ul>

package/templates/partials/account/header.tpl

@@ -7,8 +7,8 @@
 				<a href="#" class="resize p-2 m-2 rounded-1 text-bg-light opacity-75"><i class="fa fa-fw fa-arrows"></i></a>
 				<a href="#" class="remove p-2 m-2 rounded-1 text-bg-light opacity-75"><i class="fa fa-fw fa-times"></i></a>
 			</div>
-			<a href="#" class="save btn btn-primary">[[groups:cover-save]] <i class="fa fa-fw fa-floppy-o"></i></a>
-			<div class="indicator text-bg-primary">[[groups:cover-saving]] <i class="fa fa-fw fa-refresh fa-spin"></i></div>
+			<a href="#" class="save btn btn-primary">{{tx("groups:cover-save")}} <i class="fa fa-fw fa-floppy-o"></i></a>
+			<div class="indicator text-bg-primary">{{tx("groups:cover-saving")}} <i class="fa fa-fw fa-refresh fa-spin"></i></div>
 			{{{ end }}}
 		</div>
 	</div>
@@ -44,18 +44,18 @@
 					{{{ if banned }}}
 					<div class="text-sm text-muted">
 						{{{ if banned_until }}}
-						[[user:info.banned-until, {isoTimeToLocaleString(./banned_until_readable, config.userLang)}]]
+						{{tx("user:info.banned-until", isoTimeToLocaleString(./banned_until_readable, config.userLang))}}
 						{{{ else }}}
-						[[user:info.banned-permanently]]
+						{{tx("user:info.banned-permanently")}}
 						{{{ end }}}
 					</div>
 					{{{ end }}}
 					{{{ if muted }}}
 					<div class="text-sm text-muted">
 						{{{ if mutedUntil }}}
-						[[user:info.muted-until, {isoTimeToLocaleString(./muted_until_readable, config.userLang)}]]
+						{{tx("user:info.muted-until", isoTimeToLocaleString(./muted_until_readable, config.userLang))}}
 						{{{ else }}}
-						[[user:info.muted-permanently]]
+						{{tx("user:info.muted-permanently")}}
 						{{{ end }}}
 					</div>
 					{{{ end }}}
@@ -65,19 +65,21 @@
 
 			<div class="flex-shrink-0 d-flex gap-1 align-self-stretch align-self-md-start justify-content-end">
 				{{{ if !isSelf }}}
-				<a component="account/unfollow" href="#" class="btn btn-outline-warning flex-fill{{{ if (!isFollowing && !isFollowPending) }}} hide{{{ end }}}">[[user:{{{ if isFollowPending }}}cancel-follow{{{ else }}}unfollow{{{ end }}}]]</a>
-				<a component="account/follow" href="#" class="btn btn-primary flex-fill{{{ if (isFollowing || isFollowPending) }}} hide{{{ end }}}">[[user:follow]]</a>
+				<a component="account/unfollow" href="#" class="btn btn-outline-warning flex-fill{{{ if (!isFollowing && !isFollowPending) }}} hide{{{ end }}}">
+					{{{ if isFollowPending }}}{{tx("user:cancel-follow")}}{{{ else }}}{{tx("user:unfollow")}}{{{ end }}}
+				</a>
+				<a component="account/follow" href="#" class="btn btn-primary flex-fill{{{ if (isFollowing || isFollowPending) }}} hide{{{ end }}}">{{tx("user:follow")}}</a>
 				{{{ end }}}
 
 				{{{ if (canChat && !banned) }}}
 				<div class="btn-group flex-fill">
-					<a {{{ if hasPrivateChat }}}component="account/chat"{{{ else }}}component="account/new-chat"{{{ end }}} href="#" class="btn btn-light" role="button">[[user:chat]]</a>
+					<a {{{ if hasPrivateChat }}}component="account/chat"{{{ else }}}component="account/new-chat"{{{ end }}} href="#" class="btn btn-light" role="button">{{tx("user:chat")}}</a>
 					{{{ if hasPrivateChat}}}
 					<button type="button" class="btn btn-light dropdown-toggle flex-0" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
 						<i class="fa fa-caret-down"></i>
 					</button>
 					<ul class="dropdown-menu dropdown-menu-end p-1 text-sm" role="menu">
-						<li><a class="dropdown-item rounded-1" href="#" component="account/new-chat" role="menuitem"s>[[user:new-chat-with, {username}]]</a></li>
+						<li><a class="dropdown-item rounded-1" href="#" component="account/new-chat" role="menuitem">{{tx("user:new-chat-with", txEscape(username))}}</a></li>
 					</ul>
 					{{{ end }}}
 				</div>

package/templates/partials/account/session-list.tpl

@@ -3,16 +3,16 @@
 	<div class="float-end">
 		{{{ if isSelfOrAdminOrGlobalModerator }}}
 		{{{ if !./current }}}
-		<button class="btn btn-sm btn-outline-secondary" type="button" data-action="revokeSession">[[user:revoke-session]]</button>
+		<button class="btn btn-sm btn-outline-secondary" type="button" data-action="revokeSession">{{tx("user:revoke-session")}}</button>
 		{{{ end }}}
 		{{{ end }}}
 		{{userAgentIcons(@value)}}
 		<i class="fa fa-circle text-{{{ if ./current }}}success{{{ else }}}muted{{{ end }}}"></i>
 	</div>
-	[[user:browser-version-on-platform, {./browser}, {./version}, {./platform}]]<br />
+	{{tx("user:browser-version-on-platform", ./browser, ./version, ./platform)}}<br />
 	<small class="timeago text-muted" title="{./datetimeISO}"></small>
 	<ul>
-		<li><strong>[[global:ip-address]]</strong>: {./ip}</li>
+		<li><strong>{{tx("global:ip-address")}}</strong>: {./ip}</li>
 	</ul>
 </li>
 {{{ end }}}

package/templates/partials/account/sidebar-left.tpl

@@ -1,7 +1,7 @@
 <div class="flex-shrink-0 pe-2 border-end-md text-sm mb-3 flex-basis-md-200">
 	<div class="sticky-md-top d-flex flex-row flex-md-column flex-wrap gap-1" style="top: 1rem;z-index: 1;">
 		<a href="{config.relative_path}/user/{userslug}" class="btn btn-ghost btn-sm text-start ff-secondary fw-semibold {{{ if template.account/profile }}}active{{{ end }}}">
-			<div class="flex-grow-1">[[global:about]]</div>
+			<div class="flex-grow-1">{{tx("global:about")}}</div>
 		</a>
 
 		<a href="{config.relative_path}/user/{userslug}/posts"class="btn btn-ghost btn-sm text-start ff-secondary fw-semibold d-flex gap-2 align-items-baseline
@@ -11,7 +11,7 @@
 			{{{ if template.account/upvoted }}}active{{{ end }}}
 			{{{ if template.account/downvoted }}}active{{{ end }}}
 			{{{ if template.account/bookmarks }}}active{{{ end }}}">
-			<div class="flex-grow-1">[[global:posts]]</div>
+			<div class="flex-grow-1">{{tx("global:posts")}}</div>
 			<span class="flex-shrink-0 text-xs" title="{formattedNumber(counts.posts)}">{humanReadableNumber(counts.posts)}</span>
 		</a>
 
@@ -19,57 +19,57 @@
 			{{{ if template.account/topics }}}active{{{ end }}}
 			{{{ if template.account/watched }}}active{{{ end }}}
 			{{{ if template.account/ignored }}}active{{{ end }}}">
-			<div class="flex-grow-1">[[global:topics]]</div>
+			<div class="flex-grow-1">{{tx("global:topics")}}</div>
 			<span class="flex-shrink-0 text-xs" title="{formattedNumber(counts.topics)}">{humanReadableNumber(counts.topics)}</span>
 		</a>
 
 		<a href="{config.relative_path}/user/{userslug}/shares" class="btn btn-ghost btn-sm text-start ff-secondary fw-semibold d-flex gap-2 align-items-baseline
 			{{{ if template.account/shares }}}active{{{ end }}}">
-			<div class="flex-grow-1">[[user:shares]]</div>
+			<div class="flex-grow-1">{{tx("user:shares")}}</div>
 			<span class="flex-shrink-0 text-xs" title="{formattedNumber(counts.shares)}">{humanReadableNumber(counts.shares)}</span>
 		</a>
 
 		<a href="{config.relative_path}/user/{userslug}/groups" class="btn btn-ghost btn-sm text-start ff-secondary fw-semibold d-flex gap-2 align-items-baseline
 			{{{ if template.account/groups }}}active{{{ end }}}">
-			<div class="flex-grow-1">[[global:header.groups]]</div>
+			<div class="flex-grow-1">{{tx("global:header.groups")}}</div>
 			<span class="flex-shrink-0 text-xs" title="{formattedNumber(counts.groups)}">{humanReadableNumber(counts.groups)}</span>
 		</a>
 
 		<a href="{config.relative_path}/user/{userslug}/followers" class="btn btn-ghost btn-sm text-start ff-secondary fw-semibold d-flex gap-2 align-items-baseline
 			{{{ if template.account/followers }}}active{{{ end }}}">
-			<div class="flex-grow-1">[[user:followers]]</div>
+			<div class="flex-grow-1">{{tx("user:followers")}}</div>
 			<span class="flex-shrink-0 text-xs" title="{formattedNumber(counts.followers)}">{humanReadableNumber(counts.followers)}</span>
 		</a>
 
 		<a href="{config.relative_path}/user/{userslug}/following" class="btn btn-ghost btn-sm text-start ff-secondary fw-semibold d-flex gap-2 align-items-baseline
 			{{{ if template.account/following }}}active{{{ end }}}">
-			<div class="flex-grow-1">[[user:following]]</div>
+			<div class="flex-grow-1">{{tx("user:following")}}</div>
 			<span class="flex-shrink-0 text-xs" title="{formattedNumber(counts.following)}">{humanReadableNumber(counts.following)}</span>
 		</a>
 
 		{{{ if canEdit }}}
 		<a href="{config.relative_path}/user/{userslug}/categories" class="btn btn-ghost btn-sm text-start ff-secondary fw-semibold d-flex gap-2 align-items-baseline
 			{{{ if template.account/categories }}}active{{{ end }}}">
-			<div class="flex-grow-1">[[user:watched-categories]]</div>
+			<div class="flex-grow-1">{{tx("user:watched-categories")}}</div>
 			<span class="flex-shrink-0 text-xs" title="{formattedNumber(counts.categoriesWatched)}">{humanReadableNumber(counts.categoriesWatched)}</span>
 		</a>
 		{{{ if isSelf }}}
 		<a href="{config.relative_path}/user/{userslug}/tags" class="btn btn-ghost btn-sm text-start ff-secondary fw-semibold d-flex gap-2 align-items-baseline
 			{{{ if template.account/tags }}}active{{{ end }}}">
-			<div class="flex-grow-1">[[user:watched-tags]]</div>
+			<div class="flex-grow-1">{{tx("user:watched-tags")}}</div>
 			<span class="flex-shrink-0 text-xs" title="{formattedNumber(counts.tagsWatched)}">{humanReadableNumber(counts.tagsWatched)}</span>
 		</a>
 		{{{ end }}}
 
 		<a href="{config.relative_path}/user/{userslug}/blocks" class="btn btn-ghost btn-sm text-start ff-secondary fw-semibold d-flex gap-2 align-items-baseline
 			{{{ if template.account/blocks }}}active{{{ end }}}">
-			<div class="flex-grow-1">[[user:blocked-users]]</div>
+			<div class="flex-grow-1">{{tx("user:blocked-users")}}</div>
 			<span class="flex-shrink-0 text-xs" title="{formattedNumber(counts.blocks)}">{humanReadableNumber(counts.blocks)}</span>
 		</a>
 
 		<a href="{config.relative_path}/user/{userslug}/uploads" class="btn btn-ghost btn-sm text-start ff-secondary fw-semibold d-flex gap-2 align-items-baseline
 			{{{ if template.account/uploads }}}active{{{ end }}}">
-			<div class="flex-grow-1">[[global:uploads]]</div>
+			<div class="flex-grow-1">{{tx("global:uploads")}}</div>
 			<span class="flex-shrink-0 text-xs" title="{formattedNumber(counts.uploaded)}">{humanReadableNumber(counts.uploaded)}</span>
 		</a>
 		{{{ end }}}
@@ -79,7 +79,7 @@
 
 		<a href="{remoteUrl}" target="_self" component="account/view-remote" class="btn btn-ghost btn-sm ff-secondary d-flex align-items-baseline gap-2 text-start">
 			<i class="flex-shrink-0 fa-solid fa-globe"></i>
-			<div class="flex-grow-1 text-nowrap">[[user:view-remote]]</div>
+			<div class="flex-grow-1 text-nowrap">{{tx("user:view-remote")}}</div>
 		</a>
 		{{{ end }}}
 
@@ -89,19 +89,19 @@
 
 		<a href="#" component="account/flag" class="btn btn-ghost btn-sm ff-secondary d-flex align-items-baseline gap-2 text-start {{{if flagId }}}hidden{{{end}}}">
 			<i class="flex-shrink-0 fa-solid fa-flag text-danger"></i>
-			<div class="flex-grow-1 text-nowrap">[[user:flag-profile]]</div>
+			<div class="flex-grow-1 text-nowrap">{{tx("user:flag-profile")}}</div>
 		</a>
 		<a href="#" component="account/already-flagged" class="btn btn-ghost btn-sm ff-secondary d-flex align-items-baseline gap-2 text-start {{{if !flagId }}}hidden{{{end}}}" data-flag-id="{flagId}">
 			<i class="flex-shrink-0 fa-solid fa-flag text-danger"></i>
-			<div class="flex-grow-1 text-nowrap">[[user:profile-flagged]]</div>
+			<div class="flex-grow-1 text-nowrap">{{tx("user:profile-flagged")}}</div>
 		</a>
 		<a href="#" component="account/block" class="btn btn-ghost btn-sm ff-secondary d-flex align-items-baseline gap-2 text-start {{{ if isBlocked }}}hidden{{{ end }}}">
 			<i class="flex-shrink-0 fa-solid fa-ban text-danger"></i>
-			<div class="flex-grow-1 text-nowrap">[[user:block-user]]</div>
+			<div class="flex-grow-1 text-nowrap">{{tx("user:block-user")}}</div>
 		</a>
 		<a href="#" component="account/unblock" class="btn btn-ghost btn-sm ff-secondary d-flex align-items-baseline gap-2 text-start {{{ if !isBlocked }}}hidden{{{ end }}}">
 			<i class="flex-shrink-0 fa-solid fa-ban text-danger"></i>
-			<div class="flex-grow-1 text-nowrap">[[user:unblock-user]]</div>
+			<div class="flex-grow-1 text-nowrap">{{tx("user:unblock-user")}}</div>
 		</a>
 		{{{ end }}}
 
@@ -109,11 +109,11 @@
 		<hr class="w-100 my-2"/>
 		<a href="{config.relative_path}/user/{userslug}/edit" class="btn btn-ghost btn-sm ff-secondary text-xs text-start
 		{{{ if template.account/edit }}}active{{{ end }}}">
-			<div class="flex-grow-1">[[user:edit-profile]]</div>
+			<div class="flex-grow-1">{{tx("user:edit-profile")}}</div>
 		</a>
 		<a href="{config.relative_path}/user/{userslug}/settings" class="btn btn-ghost btn-sm ff-secondary text-xs text-start
 			{{{ if template.account/settings }}}active{{{ end }}}">
-			<div class="flex-grow-1">[[user:settings]]</div>
+			<div class="flex-grow-1">{{tx("user:settings")}}</div>
 		</a>
 		{{{ end }}}
 

package/templates/partials/buttons/newTopic.tpl

@@ -1,6 +1,6 @@
 <noscript><div class="dropdown" component="category-selector"></noscript>
 <button component="category/post" for="category-dropdown-check" class="btn btn-primary btn-sm text-nowrap" id="new_topic" role="button">
-	[[category:new-topic-button]]
+	{{tx("category:new-topic-button")}}
 </button>
 <noscript>
 	<input type="checkbox" class="hidden" id="category-dropdown-check" aria-hidden="true">

package/templates/partials/categories/item.tpl

@@ -41,12 +41,12 @@
 		<div class="meta stats d-none d-lg-grid col-6 gap-1 pe-2 text-muted" style="grid-template-columns: 1fr 1fr;">
 			<div class="card card-header border-0 p-2 overflow-hidden rounded-1 d-flex flex-column align-items-center">
 				<span class="fs-5 ff-secondary lh-1" title="{formattedNumber(./totalTopicCount)}">{humanReadableNumber(./totalTopicCount, 0)}</span>
-				<span class="d-none d-xl-flex text-lowercase text-xs">[[global:topics]]</span>
+				<span class="d-none d-xl-flex text-lowercase text-xs">{{tx("global:topics")}}</span>
 				<i class="d-xl-none fa fa-fw text-xs text-muted opacity-75 fa-list"></i>
 			</div>
 			<div class="card card-header border-0 p-2 overflow-hidden rounded-1 d-flex flex-column align-items-center">
 				<span class="fs-5 ff-secondary lh-1" title="{formattedNumber(./totalPostCount)}">{humanReadableNumber(./totalPostCount, 0)}</span>
-				<span class="d-none d-xl-flex text-lowercase text-xs">[[global:posts]]</span>
+				<span class="d-none d-xl-flex text-lowercase text-xs">{{tx("global:posts")}}</span>
 				<i class="d-xl-none fa-regular fa-fw text-xs text-muted opacity-75 fa-message"></i>
 			</div>
 		</div>