nodebb-theme-persona 15.0.11 → 15.1.1

package/templates/account/settings.tpl

@@ -4,7 +4,7 @@
 	<div class="row">
 		<div class="col-12 col-md-6">
 			<!-- IF !disableCustomUserSkins -->
-			<h4>[[user:select-skin]]</h4>
+			<h4>{{tx("user:select-skin")}}</h4>
 			<div class="card card-body mb-3">
 				<select class="form-select" id="bootswatchSkin" data-property="bootswatchSkin">
 					{{{each bootswatchSkinOptions}}}
@@ -15,7 +15,7 @@
 			<!-- ENDIF !disableCustomUserSkins -->
 
 			<!-- IF allowUserHomePage -->
-			<h4>[[user:select-homepage]]</h4>
+			<h4>{{tx("user:select-homepage")}}</h4>
 			<div class="card card-body mb-3">
 				<div class="mb-2">
 					<select class="form-select" id="homePageRoute" data-property="homePageRoute">
@@ -24,39 +24,39 @@
 						<option value="{homePageRoutes.route}" <!-- IF homePageRoutes.selected -->selected="1"<!-- ENDIF homePageRoutes.selected -->>{homePageRoutes.name}</option>
 						{{{end}}}
 					</select>
-					<p class="form-text mb-0">[[user:homepage-description]]</p>
+					<p class="form-text mb-0">{{tx("user:homepage-description")}}</p>
 				</div>
 				<div id="homePageCustomContainer" class="mb-2" style="display: none;">
-					<label for="homePageCustom" class="form-label">[[user:custom-route]]</label>
+					<label for="homePageCustom" class="form-label">{{tx("user:custom-route")}}</label>
 					<input type="text" class="form-control" data-property="homePageCustom" id="homePageCustom" value="{settings.homePageRoute}"/>
-					<p class="form-text">[[user:custom-route-help]]</p>
+					<p class="form-text">{{tx("user:custom-route-help")}}</p>
 				</div>
 			</div>
 			<!-- ENDIF allowUserHomePage -->
 
-			<h4>[[global:privacy]]</h4>
+			<h4>{{tx("global:privacy")}}</h4>
 			<div class="card card-body mb-3">
 				<!-- IF !hideEmail -->
 				<div class="form-check mb-2">
 					<input id="showemail" class="form-check-input" type="checkbox" data-property="showemail" <!-- IF settings.showemail -->checked <!-- ENDIF settings.showemail -->/>
-					<label for="showemail" class="form-check-label">[[user:show-email]]</label>
+					<label for="showemail" class="form-check-label">{{tx("user:show-email")}}</label>
 				</div>
 				<!-- ENDIF !hideEmail -->
 
 				<!-- IF !hideFullname -->
 				<div class="form-check mb-2">
 					<input id="showfullname" class="form-check-input" type="checkbox" data-property="showfullname" <!-- IF settings.showfullname -->checked<!-- ENDIF settings.showfullname -->/>
-					<label for="showfullname" class="form-check-label">[[user:show-fullname]]</label>
+					<label for="showfullname" class="form-check-label">{{tx("user:show-fullname")}}</label>
 				</div>
 				<!-- ENDIF !hideFullname -->
 				<!-- IF !config.disableChat -->
 				<div class="form-check mb-2">
 					<input id="disableIncomingMessages" class="form-check-input" type="checkbox" data-property="disableIncomingMessages" <!-- IF settings.disableIncomingMessages -->checked<!-- ENDIF settings.disableIncomingMessages -->/>
-					<label for="disableIncomingMessages" class="form-check-label">[[user:disable-incoming-chats]]</label>
+					<label for="disableIncomingMessages" class="form-check-label">{{tx("user:disable-incoming-chats")}}</label>
 				</div>
 
 				<div class="d-flex flex-column mb-3">
-					<label class="form-label text-sm" for="chatAllowListAdd">[[user:chat-allow-list]]</label>
+					<label class="form-label text-sm" for="chatAllowListAdd">{{tx("user:chat-allow-list")}}</label>
 
 					<div component="chat/allow/list" class="d-flex flex-wrap gap-2 mb-2">
 						{{{ each settings.chatAllowListUsers }}}
@@ -71,7 +71,7 @@
 				</div>
 
 				<div class="d-flex flex-column mb-3">
-					<label class="form-label text-sm" for="chatAllowListAdd">[[user:chat-deny-list]]</label>
+					<label class="form-label text-sm" for="chatAllowListAdd">{{tx("user:chat-deny-list")}}</label>
 
 					<div component="chat/deny/list" class="d-flex flex-wrap gap-2 mb-2">
 						{{{ each settings.chatDenyListUsers }}}
@@ -82,99 +82,99 @@
 						{{{ end }}}
 					</div>
 
-					<input type="text" class="form-control form-control-sm" id="chatDenyListAdd" placeholder="[[user:chat-list-add-user]]"/>
+					<input type="text" class="form-control form-control-sm" id="chatDenyListAdd" placeholder="{{tx("user:chat-list-add-user")}}"/>
 				</div>
 
 				<!-- ENDIF !config.disableChat -->
 			</div>
 
-			<h4>[[user:browsing]]</h4>
+			<h4>{{tx("user:browsing")}}</h4>
 			<div class="card card-body mb-3">
 				<div class="mb-2">
 					<div class="d-flex gap-4 align-items-center justify-content-between mb-3">
-						<label class="form-label text-sm mb-0" for="unreadCutoff">[[user:unread.cutoff, {maxUnreadCutoff}]]</label>
+						<label class="form-label text-sm mb-0" for="unreadCutoff">{{tx("user:unread.cutoff", maxUnreadCutoff)}}</label>
 						<input id="unreadCutoff" value="{settings.unreadCutoff}" type="number" class="form-control form-control-sm text-end" data-property="unreadCutoff" min="1" max="{maxUnreadCutoff}" style="max-width: 64px;">
 					</div>
-					<p class="form-text text-xs">[[user:unread.cutoff-help]]</p>
+					<p class="form-text text-xs">{{tx("user:unread.cutoff-help")}}</p>
 				</div>
 
 				<div class="form-check mb-2">
 					<input id="openOutgoingLinksInNewTab" class="form-check-input" type="checkbox" data-property="openOutgoingLinksInNewTab" <!-- IF settings.openOutgoingLinksInNewTab -->checked<!-- ENDIF settings.openOutgoingLinksInNewTab -->/>
-					<label for="openOutgoingLinksInNewTab" class="form-check-label">[[user:open-links-in-new-tab]]</label>
+					<label for="openOutgoingLinksInNewTab" class="form-check-label">{{tx("user:open-links-in-new-tab")}}</label>
 				</div>
 
 				<div class="form-check mb-2">
 					<input id="updateUrlWithPostIndex" class="form-check-input" type="checkbox" data-property="updateUrlWithPostIndex" {{{ if settings.updateUrlWithPostIndex }}}checked{{{ end }}}/>
-					<label for="updateUrlWithPostIndex" class="form-check-label">[[user:update-url-with-post-index]]</label>
+					<label for="updateUrlWithPostIndex" class="form-check-label">{{tx("user:update-url-with-post-index")}}</label>
 				</div>
 				<div class="form-check mb-2">
 					<input id="scrollToMyPost" class="form-check-input" type="checkbox" data-property="scrollToMyPost" <!-- IF settings.scrollToMyPost -->checked<!-- ENDIF settings.scrollToMyPost -->/>
-					<label for="scrollToMyPost" class="form-check-label">[[user:scroll-to-my-post]]</label>
+					<label for="scrollToMyPost" class="form-check-label">{{tx("user:scroll-to-my-post")}}</label>
 				</div>
 				{{{ if inTopicSearchAvailable }}}
 				<div class="form-check">
 					<input id="topicSearchEnabled" class="form-check-input" type="checkbox" data-property="topicSearchEnabled" <!-- IF settings.topicSearchEnabled -->checked<!-- ENDIF settings.topicSearchEnabled -->/>
-					<label for="topicSearchEnabled" class="form-check-label">[[user:enable-topic-searching]]</label>
+					<label for="topicSearchEnabled" class="form-check-label">{{tx("user:enable-topic-searching")}}</label>
 				</div>
-				<p class="form-text">[[user:topic-search-help]]</p>
+				<p class="form-text">{{tx("user:topic-search-help")}}</p>
 				{{{ end }}}
 			</div>
 
-			<h4>[[global:pagination]]</h4>
+			<h4>{{tx("global:pagination")}}</h4>
 			<div class="card card-body mb-3">
 				<div class="form-check mb-2">
 					<input id="usePagination" type="checkbox" class="form-check-input" data-property="usePagination" <!-- IF settings.usePagination -->checked<!-- ENDIF settings.usePagination -->>
-					<label for="usePagination" class="form-check-label">[[user:paginate-description]]</label>
+					<label for="usePagination" class="form-check-label">{{tx("user:paginate-description")}}</label>
 				</div>
 				<div class="d-flex gap-4 align-items-center justify-content-between  mb-2">
-					<label class="form-label text-sm text-nowrap mb-0" for="topicsPerPage">[[user:topics-per-page]] ([[user:max-items-per-page, {maxTopicsPerPage}]])</label>
+					<label class="form-label text-sm text-nowrap mb-0" for="topicsPerPage">{{tx("user:topics-per-page")}} ({{tx("user:max-items-per-page", maxTopicsPerPage)}})</label>
 					<input type="number" class="form-control form-control-sm text-end" id="topicsPerPage" data-property="topicsPerPage" value="{settings.topicsPerPage}" min="1" max="{maxTopicsPerPage}" style="max-width: 64px;">
 				</div>
 				<div class="d-flex gap-4 align-items-center justify-content-between">
-					<label class="form-label text-sm text-nowrap mb-0" for="postsPerPage">[[user:posts-per-page]] ([[user:max-items-per-page, {maxPostsPerPage}]])</label>
+					<label class="form-label text-sm text-nowrap mb-0" for="postsPerPage">{{tx("user:posts-per-page")}} ({{tx("user:max-items-per-page", maxPostsPerPage)}})</label>
 					<input type="number" class="form-control form-control-sm text-end" id="postsPerPage" data-property="postsPerPage" value="{settings.postsPerPage}" min="1" max="{maxPostsPerPage}" style="max-width: 64px;">
 				</div>
 			</div>
 
-			<h4>[[global:sort]]</h4>
+			<h4>{{tx("global:sort")}}</h4>
 			<div class="card card-body mb-3">
 				<div class="mb-2">
-					<label for="categoryTopicSort" class="form-label">[[user:category-topic-sort]]</label>
+					<label for="categoryTopicSort" class="form-label">{{tx("user:category-topic-sort")}}</label>
 					<select id="categoryTopicSort" class="form-select" data-property="categoryTopicSort">
-						<option value="recently_replied" {{{ if (settings.categoryTopicSort == "recently_replied") }}}selected{{{ end }}}>[[topic:recently-replied]]</option>
-						<option value="recently_created" {{{ if (settings.categoryTopicSort == "recently_created") }}}selected{{{ end }}}>[[topic:recently-created]]</option>
-						<option value="most_posts" {{{ if (settings.categoryTopicSort == "most_posts") }}}selected{{{ end }}}>[[topic:most-posts]]</option>
-						<option value="most_votes" {{{ if (settings.categoryTopicSort == "most_votes") }}}selected{{{ end }}}>[[topic:most-votes]]</option>
-						<option value="most_views" {{{ if (settings.categoryTopicSort == "most_views") }}}selected{{{ end }}}>[[topic:most-views]]</option>
+						<option value="recently_replied" {{{ if (settings.categoryTopicSort == "recently_replied") }}}selected{{{ end }}}>{{tx("topic:recently-replied")}}</option>
+						<option value="recently_created" {{{ if (settings.categoryTopicSort == "recently_created") }}}selected{{{ end }}}>{{tx("topic:recently-created")}}</option>
+						<option value="most_posts" {{{ if (settings.categoryTopicSort == "most_posts") }}}selected{{{ end }}}>{{tx("topic:most-posts")}}</option>
+						<option value="most_votes" {{{ if (settings.categoryTopicSort == "most_votes") }}}selected{{{ end }}}>{{tx("topic:most-votes")}}</option>
+						<option value="most_views" {{{ if (settings.categoryTopicSort == "most_views") }}}selected{{{ end }}}>{{tx("topic:most-views")}}</option>
 					</select>
 				</div>
 				<div>
-					<label for="topicPostSort" class="form-label">[[user:topic-post-sort]]</label>
+					<label for="topicPostSort" class="form-label">{{tx("user:topic-post-sort")}}</label>
 					<select id="topicPostSort" class="form-select" data-property="topicPostSort">
-						<option value="oldest_to_newest" {{{ if (settings.topicPostSort == "oldest_to_newest") }}}selected{{{ end }}}>[[topic:oldest-to-newest]]</option>
-						<option value="newest_to_oldest" {{{ if (settings.topicPostSort == "newest_to_oldest") }}}selected{{{ end }}}>[[topic:newest-to-oldest]]</option>
-						<option value="most_votes" {{{ if (settings.topicPostSort == "most_votes") }}}selected{{{ end }}}>[[topic:most-votes]]</option>
+						<option value="oldest_to_newest" {{{ if (settings.topicPostSort == "oldest_to_newest") }}}selected{{{ end }}}>{{tx("topic:oldest-to-newest")}}</option>
+						<option value="newest_to_oldest" {{{ if (settings.topicPostSort == "newest_to_oldest") }}}selected{{{ end }}}>{{tx("topic:newest-to-oldest")}}</option>
+						<option value="most_votes" {{{ if (settings.topicPostSort == "most_votes") }}}selected{{{ end }}}>{{tx("topic:most-votes")}}</option>
 					</select>
 				</div>
 			</div>
 
 			<!-- IF !disableEmailSubscriptions -->
-			<h4>[[global:email]]</h4>
+			<h4>{{tx("global:email")}}</h4>
 			<div class="card card-body mb-3">
 				<div class="mb-2">
-					<label class="form-label" for="dailyDigestFreq">[[user:digest-label]]</label>
+					<label class="form-label" for="dailyDigestFreq">{{tx("user:digest-label")}}</label>
 					<select class="form-select" id="dailyDigestFreq" data-property="dailyDigestFreq" autocomplete="off">
 						{{{each dailyDigestFreqOptions}}}
 						<option value="{./value}" {{{ if ./selected }}}selected="1"{{{ end }}}>{{tx(./name)}}</option>
 						{{{end}}}
 					</select>
-					<p class="form-text">[[user:digest-description]]</p>
+					<p class="form-text">{{tx("user:digest-description")}}</p>
 				</div>
 			</div>
 			<!-- ENDIF !disableEmailSubscriptions -->
 
 			{{{each customSettings}}}
-			<h4>{customSettings.title}</h4>
+			<h4>{{tx(customSettings.title)}}</h4>
 			<div class="card card-body mb-3">
 				{{customSettings.content}}
 			</div>
@@ -183,7 +183,7 @@
 		</div>
 
 		<div class="col-12 col-md-6">
-			<h4>[[global:language]]</h4>
+			<h4>{{tx("global:language")}}</h4>
 			<div class="card card-body mb-3">
 				<select data-property="userLang" class="form-select">
 					{{{each languages}}}
@@ -193,7 +193,7 @@
 			</div>
 			<!-- IF isAdmin -->
 			<!-- IF isSelf -->
-			<h4>[[user:acp-language]]</h4>
+			<h4>{{tx("user:acp-language")}}</h4>
 			<div class="card card-body mb-3">
 				<select id="acpLang" data-property="acpLang" class="form-select">
 					{{{each acpLanguages}}}
@@ -204,38 +204,38 @@
 			<!-- ENDIF isSelf -->
 			<!-- ENDIF isAdmin -->
 
-			<h4>[[topic:watch]]</h4>
+			<h4>{{tx("topic:watch")}}</h4>
 			<div class="card card-body mb-3">
 				<div class="form-check mb-2">
 					<input id="followTopicsOnCreate" class="form-check-input" type="checkbox" data-property="followTopicsOnCreate" <!-- IF settings.followTopicsOnCreate -->checked <!-- ENDIF settings.followTopicsOnCreate -->/>
-					<label for="followTopicsOnCreate" class="form-check-label">[[user:follow-topics-you-create]]</label>
+					<label for="followTopicsOnCreate" class="form-check-label">{{tx("user:follow-topics-you-create")}}</label>
 				</div>
 				<div class="form-check mb-2">
 					<input id="followTopicsOnReply" class="form-check-input" type="checkbox" data-property="followTopicsOnReply" <!-- IF settings.followTopicsOnReply -->checked<!-- ENDIF settings.followTopicsOnReply -->/>
-					<label for="followTopicsOnReply" class="form-check-label">[[user:follow-topics-you-reply-to]]</label>
+					<label for="followTopicsOnReply" class="form-check-label">{{tx("user:follow-topics-you-reply-to")}}</label>
 				</div>
 				<div class="">
-					<label for="categoryWatchState" class="form-label">[[user:default-category-watch-state]]</label>
+					<label for="categoryWatchState" class="form-label">{{tx("user:default-category-watch-state")}}</label>
 					<select id="categoryWatchState" class="form-select" data-property="categoryWatchState">
-						<option value="tracking" <!-- IF categoryWatchState.tracking -->selected<!-- ENDIF categoryWatchState.tracking -->>[[category:tracking]]</option>
-						<option value="notwatching" <!-- IF categoryWatchState.notwatching -->selected<!-- ENDIF categoryWatchState.notwatching -->>[[category:not-watching]]</option>
-						<option value="ignoring" <!-- IF categoryWatchState.ignoring -->selected<!-- ENDIF categoryWatchState.ignoring -->>[[category:ignoring]]</option>
+						<option value="tracking" <!-- IF categoryWatchState.tracking -->selected<!-- ENDIF categoryWatchState.tracking -->>{{tx("category:tracking")}}</option>
+						<option value="notwatching" <!-- IF categoryWatchState.notwatching -->selected<!-- ENDIF categoryWatchState.notwatching -->>{{tx("category:not-watching")}}</option>
+						<option value="ignoring" <!-- IF categoryWatchState.ignoring -->selected<!-- ENDIF categoryWatchState.ignoring -->>{{tx("category:ignoring")}}</option>
 					</select>
 				</div>
 			</div>
 
 
-			<h4>[[user:notifications]]</h4>
+			<h4>{{tx("user:notifications")}}</h4>
 			<div class="card card-body mb-3">
 				<div class="row align-items-center mb-2">
 					<div class="col-7">
-						<label class="text-sm" for="upvote-notif-freq">[[user:upvote-notif-freq]]</label>
+						<label class="text-sm" for="upvote-notif-freq">{{tx("user:upvote-notif-freq")}}</label>
 					</div>
 					<div class="col-5">
 						<select class="form-select form-select-sm" id="upvote-notif-freq" name="upvote-notif-freq" data-property="upvoteNotifFreq">
 							{{{ each upvoteNotifFreq }}}
 							<option value="{./name}" {{{ if ./selected }}}selected{{{ end }}}>
-								[[user:upvote-notif-freq.{./name}]]
+								{{tx(./label)}}
 							</option>
 							{{{end}}}
 						</select>
@@ -243,15 +243,15 @@
 				</div>
 				<div class="form-check mb-3">
 					<input class="form-check-input" type="checkbox" role="switch" id="hideReadNotifications" data-property="hideReadNotifications" {{{ if settings.hideReadNotifications }}}checked{{{ end }}} />
-					<label class="form-check-label text-sm" for="hideReadNotifications">[[user:hide-read-notifications]]</label>
+					<label class="form-check-label text-sm" for="hideReadNotifications">{{tx("user:hide-read-notifications")}}</label>
 				</div>
 				<hr />
 				<table component="notification/table" class="table">
 					<thead>
 						<tr>
 							<th></th>
-							<th class="text-center fw-semibold px-2">[[user:notification-type-web]]</th>
-							<th class="text-center fw-semibold px-2">[[user:notification-type-email]]</th>
+							<th class="text-center fw-semibold px-2">{{tx("user:notification-type-web")}}</th>
+							<th class="text-center fw-semibold px-2">{{tx("user:notification-type-email")}}</th>
 						</tr>
 					</thead>
 					<tbody>
@@ -283,7 +283,7 @@
 		</div>
 	</div>
 	<div class="form-actions">
-		<a id="submitBtn" href="#" class="btn btn-primary">[[global:save-changes]]</a>
+		<a id="submitBtn" href="#" class="btn btn-primary">{{tx("global:save-changes")}}</a>
 	</div>
 </div>
 

package/templates/account/theme.tpl

@@ -1,26 +1,26 @@
 <!-- IMPORT partials/account/header.tpl -->
 
-<p>[[themes/persona:settings.intro]]</p>
+<p>{{tx("themes/persona:settings.intro")}}</p>
 
 <hr />
 
 <form id="theme-settings" role="form">
 	<div class="form-check mb-3">
 		<input class="form-check-input" type="checkbox" id="persona:menus:legacy-layout" name="persona:menus:legacy-layout">
-		<label class="form-check-label" for="persona:menus:legacy-layout">[[themes/persona:settings.mobile-menu-side]]</label>
+		<label class="form-check-label" for="persona:menus:legacy-layout">{{tx("themes/persona:settings.mobile-menu-side")}}</label>
 	</div>
 
 	<div class="mb-3">
-		<label for="persona:navbar:autohide">[[themes/persona:settings.autoHidingNavbar]]</label>
+		<label for="persona:navbar:autohide">{{tx("themes/persona:settings.autoHidingNavbar")}}</label>
 		<select multiple class="form-control" name="persona:navbar:autohide" id="persona:navbar:autohide">
-			<option value="xs">[[themes/persona:settings.autoHidingNavbar-xs]]</option>
-			<option value="sm">[[themes/persona:settings.autoHidingNavbar-sm]]</option>
-			<option value="md">[[themes/persona:settings.autoHidingNavbar-md]]</option>
-			<option value="lg">[[themes/persona:settings.autoHidingNavbar-lg]]</option>
+			<option value="xs">{{tx("themes/persona:settings.autoHidingNavbar-xs")}}</option>
+			<option value="sm">{{tx("themes/persona:settings.autoHidingNavbar-sm")}}</option>
+			<option value="md">{{tx("themes/persona:settings.autoHidingNavbar-md")}}</option>
+			<option value="lg">{{tx("themes/persona:settings.autoHidingNavbar-lg")}}</option>
 		</select>
 	</div>
 
-	<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>
 </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-4 mb-0 align-self-center">[[global:topics]]</h3>
+		<h3 class="fw-semibold fs-4 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

@@ -1,13 +1,13 @@
 <!-- IMPORT partials/account/header.tpl -->
 <h1 class="fs-4">{{tx(title)}}</h1>
 <!-- IF privateUploads -->
-<div class="alert alert-info text-center">[[uploads:private-uploads-info]]</div>
+<div class="alert alert-info text-center">{{tx("uploads:private-uploads-info")}}</div>
 <!-- ELSE -->
-<div class="alert alert-info text-center">[[uploads:public-uploads-info]]</div>
+<div class="alert alert-info text-center">{{tx("uploads:public-uploads-info")}}</div>
 <!-- ENDIF privateUploads -->
 
 <!-- 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>
 <!-- ENDIF !uploads.length -->
 
 <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/categories.tpl

@@ -9,7 +9,7 @@
 		{{{ if pagination.pages.length }}}
 		<div><!-- IMPORT partials/category/selector-dropdown-left.tpl --></div>
 		{{{ else }}}
-		<h1 class="categories-title text-uppercase text-sm mb-2 fw-normal">[[pages:categories]]</h1>
+		<h1 class="categories-title text-uppercase text-sm mb-2 fw-normal">{{tx("pages:categories")}}</h1>
 		{{{ end }}}
 		<ul class="categories list-unstyled" itemscope itemtype="http://www.schema.org/ItemList">
 			{{{ each categories }}}

package/templates/category.tpl

@@ -12,22 +12,22 @@
 		<div class="topic-list-header sticky-top btn-toolbar justify-content-between align-items-center px-1 py-2 mb-2 flex-nowrap">
 			<div class="d-flex gap-1">
 				{{{ if privileges.topics:create }}}
-				<a href="{config.relative_path}/compose?cid={cid}" component="category/post" id="new_topic" class="btn btn-primary btn-sm text-nowrap" data-ajaxify="false" role="button">[[category:new-topic-button]]</a>
+				<a href="{config.relative_path}/compose?cid={cid}" component="category/post" id="new_topic" class="btn btn-primary btn-sm text-nowrap" data-ajaxify="false" role="button">{{tx("category:new-topic-button")}}</a>
 				{{{ else }}}
 					{{{ if !loggedIn }}}
-					<a component="category/post/guest" href="{config.relative_path}/login" class="btn btn-primary btn-sm">[[category:guest-login-post]]</a>
+					<a component="category/post/guest" href="{config.relative_path}/login" class="btn btn-primary btn-sm">{{tx("category:guest-login-post")}}</a>
 					{{{ end }}}
 				{{{ end }}}
 
 				<a href="{url}" class="d-inline-block">
-					<div class="alert alert-warning h-100 m-0 px-2 py-1 d-flex gap-1 align-items-center hide" id="new-topics-alert"><i class="fa fa-fw fa-rotate-right"></i>[[recent:load-new-posts]]</div>
+					<div class="alert alert-warning h-100 m-0 px-2 py-1 d-flex gap-1 align-items-center hide" id="new-topics-alert"><i class="fa fa-fw fa-rotate-right"></i>{{tx("recent:load-new-posts")}}</div>
 				</a>
 			</div>
 			<div component="category/controls" class="d-flex gap-1">
 				{{{ if !isNumber(cid) }}}
 				<a href="{./url}" class="btn btn-sm d-flex gap-2 align-items-center" data-ajaxify="false">
 					<i class="fa fa-external-link text-primary"></i>
-					<span class="fw-semibold">View Original</span>
+					<span class="fw-semibold">{{tx("category:view-original")}}</span>
 				</a>
 				{{{ end }}}
 				<!-- IMPORT partials/category/watch.tpl -->
@@ -40,7 +40,7 @@
 		{{{ 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 }}}
@@ -48,7 +48,7 @@
 		{{{ if (!topics.length && privileges.topics:create)}}}
 		<hr class="visible-xs" />
 		<div class="alert alert-warning" id="category-no-topics">
-			[[category:no-topics]]
+			{{tx("category:no-topics")}}
 		</div>
 		{{{ end }}}
 

package/templates/modules/usercard.tpl

@@ -10,20 +10,20 @@
 
 		<div class="d-flex gap-2 align-items-center">
 			<a href="{config.relative_path}/user/{userslug}" class="text-reset text-truncate d-block">
-				<span class="usercard-username text-uppercase text-sm text-truncate">{{{ if !banned }}}@{username}{{{ else }}}[[user:banned]]{{{ end }}}</span>
+				<span class="usercard-username text-uppercase text-sm text-truncate">{{{ if !banned }}}@{username}{{{ else }}}{{tx("user:banned")}}{{{ end }}}</span>
 			</a>
 			{{{ if !banned }}}
-			<span component="user/status" class="border border-white border-2 m-0 rounded-circle status {status}" title="[[global:{status}]]" style="transform: none;"><span class="visually-hidden">[[global:{posts.user.status}]]</span></span>
+			<span component="user/status" class="border border-white border-2 m-0 rounded-circle status {status}" title="{{tx(concat("global:", status))}}" style="transform: none;"><span class="visually-hidden">{{tx(concat("global:", status))}}</span></span>
 			{{{ end }}}
 		</div>
 
 		<div class="d-flex justify-content-between usercard-info">
 			<div class="d-flex flex-column text-center">
-				<small>[[global:posts]]</small>
+				<small>{{tx("global:posts")}}</small>
 				<span class="fs-5">{humanReadableNumber(postcount)}</span>
 			</div>
 			<div class="d-flex flex-column text-center">
-				<small>[[global:reputation]]</small>
+				<small>{{tx("global:reputation")}}</small>
 				<span class="fs-5">{humanReadableNumber(reputation)}</span>
 			</div>
 			<button class="btn-morph persona-fab fs-3  {{{ if banned }}} invisible{{{ end }}}">
@@ -35,5 +35,4 @@
 			</button>
 		</div>
 	</div>
-
 </div>

package/templates/notifications.tpl

@@ -25,14 +25,14 @@
 
 		<button component="notifications/mark_all" class="btn btn-ghost btn-sm" type="button">
 			<i class="fa fa-eye"></i>
-			[[notifications:mark-all-read]]
+			{{tx("notifications:mark-all-read")}}
 		</button>
 	</div>
 
 	<hr />
 
 	<div class="alert alert-info {{{ if notifications.length }}}hidden{{{ end }}}">
-		[[notifications:no-notifs]]
+		{{tx("notifications:no-notifs")}}
 	</div>
 
 	<ul component="notifications/list" class="notifications-list list-unstyled" data-nextstart="{nextStart}">

package/templates/partials/account/header.tpl

@@ -16,10 +16,10 @@
 			</a>
 			{{{ end }}}
 
-			<span component="user/status" class="fs-3 position-absolute border border-white border-2 rounded-circle status {status}" style="top: 17px; right: 3px; padding: 10px;"><span class="visually-hidden">[[global:{status}]]</span></span>
+			<span component="user/status" class="fs-3 position-absolute border border-white border-2 rounded-circle status {status}" style="top: 17px; right: 3px; padding: 10px;"><span class="visually-hidden">{{tx(concat("global:", status))}}</span></span>
 
 			{{{ if !isSelf }}}
-			<button style="top: 93px; right:4px;" class="btn-morph persona-fab position-absolute {{{ if isFollowing }}}heart{{{ else }}}plus{{{ end }}}" title="{{{ if isFollowing }}}[[global:unfollow]]{{{ else }}}[[global:follow]]{{{ end }}}">
+			<button style="top: 93px; right:4px;" class="btn-morph persona-fab position-absolute {{{ if isFollowing }}}heart{{{ else }}}plus{{{ end }}}" title="{{{ if isFollowing }}}{{tx("global:unfollow")}}{{{ else }}}{{tx("global:follow")}}{{{ end }}}">
 				<span>
 					<span class="s1"></span>
 					<span class="s2"></span>
@@ -36,8 +36,8 @@
 				<span class="resize p-2 m-2 rounded-1 text-bg-light opacity-75"><i class="fa fa-fw fa-arrows"></i></span>
 				<span class="remove p-2 m-2 rounded-1 text-bg-light opacity-75"><i class="fa fa-fw fa-times"></i></span>
 			</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 }}}
 
 			<!-- IMPORT partials/account/menu.tpl -->