Feature/add snake-case hint to localized routes (#3783)

* Add snake-case hint to localized routes

apps/client/src/app/app.component.ts

@@ -57,19 +57,25 @@ export class AppComponent implements OnDestroy, OnInit {
   public hasTabs = false;
   public info: InfoItem;
   public pageTitle: string;
-  public routerLinkAbout = ['/' + $localize`about`];
-  public routerLinkAboutChangelog = ['/' + $localize`about`, 'changelog'];
-  public routerLinkAboutLicense = ['/' + $localize`about`, $localize`license`];
+  public routerLinkAbout = ['/' + $localize`:snake-case:about`];
+  public routerLinkAboutChangelog = [
+    '/' + $localize`:snake-case:about`,
+    'changelog'
+  ];
+  public routerLinkAboutLicense = [
+    '/' + $localize`:snake-case:about`,
+    $localize`:snake-case:license`
+  ];
   public routerLinkAboutPrivacyPolicy = [
-    '/' + $localize`about`,
-    $localize`privacy-policy`
+    '/' + $localize`:snake-case:about`,
+    $localize`:snake-case:privacy-policy`
   ];
-  public routerLinkFaq = ['/' + $localize`faq`];
-  public routerLinkFeatures = ['/' + $localize`features`];
-  public routerLinkMarkets = ['/' + $localize`markets`];
-  public routerLinkPricing = ['/' + $localize`pricing`];
-  public routerLinkRegister = ['/' + $localize`register`];
-  public routerLinkResources = ['/' + $localize`resources`];
+  public routerLinkFaq = ['/' + $localize`:snake-case:faq`];
+  public routerLinkFeatures = ['/' + $localize`:snake-case:features`];
+  public routerLinkMarkets = ['/' + $localize`:snake-case:markets`];
+  public routerLinkPricing = ['/' + $localize`:snake-case:pricing`];
+  public routerLinkRegister = ['/' + $localize`:snake-case:register`];
+  public routerLinkResources = ['/' + $localize`:snake-case:resources`];
   public showFooter = false;
   public user: User;
 

apps/client/src/app/components/header/header.component.ts

@@ -75,17 +75,17 @@ export class HeaderComponent implements OnChanges {
   public hasPermissionToCreateUser: boolean;
   public impersonationId: string;
   public isMenuOpen: boolean;
-  public routeAbout = $localize`about`;
-  public routeFeatures = $localize`features`;
-  public routeMarkets = $localize`markets`;
-  public routePricing = $localize`pricing`;
-  public routeResources = $localize`resources`;
-  public routerLinkAbout = ['/' + $localize`about`];
-  public routerLinkFeatures = ['/' + $localize`features`];
-  public routerLinkMarkets = ['/' + $localize`markets`];
-  public routerLinkPricing = ['/' + $localize`pricing`];
-  public routerLinkRegister = ['/' + $localize`register`];
-  public routerLinkResources = ['/' + $localize`resources`];
+  public routeAbout = $localize`:snake-case:about`;
+  public routeFeatures = $localize`:snake-case:features`;
+  public routeMarkets = $localize`:snake-case:markets`;
+  public routePricing = $localize`:snake-case:pricing`;
+  public routeResources = $localize`:snake-case:resources`;
+  public routerLinkAbout = ['/' + $localize`:snake-case:about`];
+  public routerLinkFeatures = ['/' + $localize`:snake-case:features`];
+  public routerLinkMarkets = ['/' + $localize`:snake-case:markets`];
+  public routerLinkPricing = ['/' + $localize`:snake-case:pricing`];
+  public routerLinkRegister = ['/' + $localize`:snake-case:register`];
+  public routerLinkResources = ['/' + $localize`:snake-case:resources`];
 
   private unsubscribeSubject = new Subject<void>();
 

apps/client/src/app/components/subscription-interstitial-dialog/subscription-interstitial-dialog.component.ts

@@ -11,7 +11,7 @@ import { SubscriptionInterstitialDialogParams } from './interfaces/interfaces';
   templateUrl: 'subscription-interstitial-dialog.html'
 })
 export class SubscriptionInterstitialDialog {
-  public routerLinkPricing = ['/' + $localize`pricing`];
+  public routerLinkPricing = ['/' + $localize`:snake-case:pricing`];
 
   public constructor(
     @Inject(MAT_DIALOG_DATA) public data: SubscriptionInterstitialDialogParams,

apps/client/src/app/components/user-account-membership/user-account-membership.component.ts

@@ -36,7 +36,7 @@ export class UserAccountMembershipComponent implements OnDestroy, OnInit {
   public hasPermissionToUpdateUserSettings: boolean;
   public price: number;
   public priceId: string;
-  public routerLinkPricing = ['/' + $localize`pricing`];
+  public routerLinkPricing = ['/' + $localize`:snake-case:pricing`];
   public snackBarRef: MatSnackBarRef<TextOnlySnackBar>;
   public trySubscriptionMail =
     'mailto:hi@ghostfol.io?Subject=Ghostfolio Premium Trial&body=Hello%0D%0DI am interested in Ghostfolio Premium. Can you please send me a coupon code to try it for some time?%0D%0DKind regards';

apps/client/src/app/pages/about/overview/about-overview-page.component.ts

@@ -16,8 +16,8 @@ export class AboutOverviewPageComponent implements OnDestroy, OnInit {
   public hasPermissionForStatistics: boolean;
   public hasPermissionForSubscription: boolean;
   public isLoggedIn: boolean;
-  public routerLinkFaq = ['/' + $localize`faq`];
-  public routerLinkFeatures = ['/' + $localize`features`];
+  public routerLinkFaq = ['/' + $localize`:snake-case:faq`];
+  public routerLinkFeatures = ['/' + $localize`:snake-case:features`];
   public user: User;
 
   private unsubscribeSubject = new Subject<void>();

apps/client/src/app/pages/blog/2021/07/hallo-ghostfolio/hallo-ghostfolio-page.component.ts

@@ -10,6 +10,6 @@ import { RouterModule } from '@angular/router';
   templateUrl: './hallo-ghostfolio-page.html'
 })
 export class HalloGhostfolioPageComponent {
-  public routerLinkPricing = ['/' + $localize`pricing`];
-  public routerLinkResources = ['/' + $localize`resources`];
+  public routerLinkPricing = ['/' + $localize`:snake-case:pricing`];
+  public routerLinkResources = ['/' + $localize`:snake-case:resources`];
 }

apps/client/src/app/pages/blog/2021/07/hello-ghostfolio/hello-ghostfolio-page.component.ts

@@ -10,6 +10,6 @@ import { RouterModule } from '@angular/router';
   templateUrl: './hello-ghostfolio-page.html'
 })
 export class HelloGhostfolioPageComponent {
-  public routerLinkPricing = ['/' + $localize`pricing`];
-  public routerLinkResources = ['/' + $localize`resources`];
+  public routerLinkPricing = ['/' + $localize`:snake-case:pricing`];
+  public routerLinkResources = ['/' + $localize`:snake-case:resources`];
 }

apps/client/src/app/pages/blog/2022/01/first-months-in-open-source/first-months-in-open-source-page.component.ts

@@ -10,5 +10,5 @@ import { RouterModule } from '@angular/router';
   templateUrl: './first-months-in-open-source-page.html'
 })
 export class FirstMonthsInOpenSourcePageComponent {
-  public routerLinkPricing = ['/' + $localize`pricing`];
+  public routerLinkPricing = ['/' + $localize`:snake-case:pricing`];
 }

apps/client/src/app/pages/blog/2022/07/how-do-i-get-my-finances-in-order/how-do-i-get-my-finances-in-order-page.component.ts

@@ -10,5 +10,5 @@ import { RouterModule } from '@angular/router';
   templateUrl: './how-do-i-get-my-finances-in-order-page.html'
 })
 export class HowDoIGetMyFinancesInOrderPageComponent {
-  public routerLinkResources = ['/' + $localize`resources`];
+  public routerLinkResources = ['/' + $localize`:snake-case:resources`];
 }

apps/client/src/app/pages/blog/2022/08/500-stars-on-github/500-stars-on-github-page.component.ts

@@ -10,6 +10,6 @@ import { RouterModule } from '@angular/router';
   templateUrl: './500-stars-on-github-page.html'
 })
 export class FiveHundredStarsOnGitHubPageComponent {
-  public routerLinkMarkets = ['/' + $localize`markets`];
-  public routerLinkPricing = ['/' + $localize`pricing`];
+  public routerLinkMarkets = ['/' + $localize`:snake-case:markets`];
+  public routerLinkPricing = ['/' + $localize`:snake-case:pricing`];
 }

apps/client/src/app/pages/blog/2022/11/black-friday-2022/black-friday-2022-page.component.ts

@@ -12,6 +12,6 @@ import { RouterModule } from '@angular/router';
   templateUrl: './black-friday-2022-page.html'
 })
 export class BlackFriday2022PageComponent {
-  public routerLinkFeatures = ['/' + $localize`features`];
-  public routerLinkPricing = ['/' + $localize`pricing`];
+  public routerLinkFeatures = ['/' + $localize`:snake-case:features`];
+  public routerLinkPricing = ['/' + $localize`:snake-case:pricing`];
 }

apps/client/src/app/pages/blog/2023/03/1000-stars-on-github/1000-stars-on-github-page.component.ts

@@ -10,6 +10,6 @@ import { RouterModule } from '@angular/router';
   templateUrl: './1000-stars-on-github-page.html'
 })
 export class ThousandStarsOnGitHubPageComponent {
-  public routerLinkFeatures = ['/' + $localize`features`];
-  public routerLinkPricing = ['/' + $localize`pricing`];
+  public routerLinkFeatures = ['/' + $localize`:snake-case:features`];
+  public routerLinkPricing = ['/' + $localize`:snake-case:pricing`];
 }

apps/client/src/app/pages/blog/2023/05/unlock-your-financial-potential-with-ghostfolio/unlock-your-financial-potential-with-ghostfolio-page.component.ts

@@ -10,6 +10,6 @@ import { RouterModule } from '@angular/router';
   templateUrl: './unlock-your-financial-potential-with-ghostfolio-page.html'
 })
 export class UnlockYourFinancialPotentialWithGhostfolioPageComponent {
-  public routerLinkFeatures = ['/' + $localize`features`];
-  public routerLinkResources = ['/' + $localize`resources`];
+  public routerLinkFeatures = ['/' + $localize`:snake-case:features`];
+  public routerLinkResources = ['/' + $localize`:snake-case:resources`];
 }

apps/client/src/app/pages/blog/2023/07/exploring-the-path-to-fire/exploring-the-path-to-fire-page.component.ts

@@ -10,5 +10,5 @@ import { RouterModule } from '@angular/router';
   templateUrl: './exploring-the-path-to-fire-page.html'
 })
 export class ExploringThePathToFirePageComponent {
-  public routerLinkFeatures = ['/' + $localize`features`];
+  public routerLinkFeatures = ['/' + $localize`:snake-case:features`];
 }

apps/client/src/app/pages/blog/2023/08/ghostfolio-joins-oss-friends/ghostfolio-joins-oss-friends-page.component.ts

@@ -10,5 +10,8 @@ import { RouterModule } from '@angular/router';
   templateUrl: './ghostfolio-joins-oss-friends-page.html'
 })
 export class GhostfolioJoinsOssFriendsPageComponent {
-  public routerLinkAboutOssFriends = ['/' + $localize`about`, 'oss-friends'];
+  public routerLinkAboutOssFriends = [
+    '/' + $localize`:snake-case:about`,
+    'oss-friends'
+  ];
 }

apps/client/src/app/pages/blog/2023/09/ghostfolio-2/ghostfolio-2-page.component.ts

@@ -10,8 +10,11 @@ import { RouterModule } from '@angular/router';
   templateUrl: './ghostfolio-2-page.html'
 })
 export class Ghostfolio2PageComponent {
-  public routerLinkAbout = ['/' + $localize`about`];
-  public routerLinkAboutChangelog = ['/' + $localize`about`, 'changelog'];
-  public routerLinkFeatures = ['/' + $localize`features`];
-  public routerLinkMarkets = ['/' + $localize`markets`];
+  public routerLinkAbout = ['/' + $localize`:snake-case:about`];
+  public routerLinkAboutChangelog = [
+    '/' + $localize`:snake-case:about`,
+    'changelog'
+  ];
+  public routerLinkFeatures = ['/' + $localize`:snake-case:features`];
+  public routerLinkMarkets = ['/' + $localize`:snake-case:markets`];
 }

apps/client/src/app/pages/blog/2023/09/hacktoberfest-2023/hacktoberfest-2023-page.component.ts

@@ -10,5 +10,5 @@ import { RouterModule } from '@angular/router';
   templateUrl: './hacktoberfest-2023-page.html'
 })
 export class Hacktoberfest2023PageComponent {
-  public routerLinkAbout = ['/' + $localize`about`];
+  public routerLinkAbout = ['/' + $localize`:snake-case:about`];
 }

apps/client/src/app/pages/blog/2023/11/black-week-2023/black-week-2023-page.component.ts

@@ -12,6 +12,6 @@ import { RouterModule } from '@angular/router';
   templateUrl: './black-week-2023-page.html'
 })
 export class BlackWeek2023PageComponent {
-  public routerLinkFeatures = ['/' + $localize`features`];
-  public routerLinkPricing = ['/' + $localize`pricing`];
+  public routerLinkFeatures = ['/' + $localize`:snake-case:features`];
+  public routerLinkPricing = ['/' + $localize`:snake-case:pricing`];
 }

apps/client/src/app/pages/blog/2023/11/hacktoberfest-2023-debriefing/hacktoberfest-2023-debriefing-page.component.ts

@@ -10,6 +10,6 @@ import { RouterModule } from '@angular/router';
   templateUrl: './hacktoberfest-2023-debriefing-page.html'
 })
 export class Hacktoberfest2023DebriefingPageComponent {
-  public routerLinkAbout = ['/' + $localize`about`];
-  public routerLinkFeatures = ['/' + $localize`features`];
+  public routerLinkAbout = ['/' + $localize`:snake-case:about`];
+  public routerLinkFeatures = ['/' + $localize`:snake-case:features`];
 }

apps/client/src/app/pages/faq/overview/faq-overview-page.component.ts

@@ -11,7 +11,7 @@ import { Subject, takeUntil } from 'rxjs';
   templateUrl: './faq-overview-page.html'
 })
 export class FaqOverviewPageComponent implements OnDestroy {
-  public routerLinkFeatures = ['/' + $localize`features`];
+  public routerLinkFeatures = ['/' + $localize`:snake-case:features`];
   public user: User;
 
   private unsubscribeSubject = new Subject<void>();

apps/client/src/app/pages/faq/saas/saas-page.component.ts

@@ -11,9 +11,9 @@ import { Subject, takeUntil } from 'rxjs';
   templateUrl: './saas-page.html'
 })
 export class SaasPageComponent implements OnDestroy {
-  public routerLinkMarkets = ['/' + $localize`markets`];
-  public routerLinkPricing = ['/' + $localize`pricing`];
-  public routerLinkRegister = ['/' + $localize`register`];
+  public routerLinkMarkets = ['/' + $localize`:snake-case:markets`];
+  public routerLinkPricing = ['/' + $localize`:snake-case:pricing`];
+  public routerLinkRegister = ['/' + $localize`:snake-case:register`];
   public user: User;
 
   private unsubscribeSubject = new Subject<void>();

apps/client/src/app/pages/features/features-page.component.ts

@@ -26,8 +26,8 @@ import { Subject, takeUntil } from 'rxjs';
 export class GfFeaturesPageComponent implements OnDestroy {
   public hasPermissionForSubscription: boolean;
   public info: InfoItem;
-  public routerLinkRegister = ['/' + $localize`register`];
-  public routerLinkResources = ['/' + $localize`resources`];
+  public routerLinkRegister = ['/' + $localize`:snake-case:register`];
+  public routerLinkResources = ['/' + $localize`:snake-case:resources`];
   public user: User;
 
   private unsubscribeSubject = new Subject<void>();

apps/client/src/app/pages/landing/landing-page.component.ts

@@ -23,8 +23,8 @@ export class LandingPageComponent implements OnDestroy, OnInit {
   public hasPermissionForStatistics: boolean;
   public hasPermissionForSubscription: boolean;
   public hasPermissionToCreateUser: boolean;
-  public routerLinkAbout = ['/' + $localize`about`];
-  public routerLinkRegister = ['/' + $localize`register`];
+  public routerLinkAbout = ['/' + $localize`:snake-case:about`];
+  public routerLinkRegister = ['/' + $localize`:snake-case:register`];
   public statistics: Statistics;
   public testimonials = [
     {

apps/client/src/app/pages/pricing/pricing-page.component.ts

@@ -33,8 +33,8 @@ export class PricingPageComponent implements OnDestroy, OnInit {
   public isLoggedIn: boolean;
   public price: number;
   public priceId: string;
-  public routerLinkFeatures = ['/' + $localize`features`];
-  public routerLinkRegister = ['/' + $localize`register`];
+  public routerLinkFeatures = ['/' + $localize`:snake-case:features`];
+  public routerLinkRegister = ['/' + $localize`:snake-case:register`];
   public user: User;
 
   private unsubscribeSubject = new Subject<void>();

apps/client/src/app/pages/resources/personal-finance-tools/personal-finance-tools-page.component.ts

@@ -15,7 +15,7 @@ export class PersonalFinanceToolsPageComponent implements OnDestroy {
   public personalFinanceTools = personalFinanceTools.sort((a, b) => {
     return a.name.localeCompare(b.name, undefined, { sensitivity: 'base' });
   });
-  public routerLinkAbout = ['/' + $localize`about`];
+  public routerLinkAbout = ['/' + $localize`:snake-case:about`];
 
   private unsubscribeSubject = new Subject<void>();
 

apps/client/src/app/pages/resources/personal-finance-tools/product-page.component.ts

@@ -21,10 +21,10 @@ export class GfProductPageComponent implements OnInit {
   public price: number;
   public product1: Product;
   public product2: Product;
-  public routerLinkAbout = ['/' + $localize`about`];
-  public routerLinkFeatures = ['/' + $localize`features`];
+  public routerLinkAbout = ['/' + $localize`:snake-case:about`];
+  public routerLinkFeatures = ['/' + $localize`:snake-case:features`];
   public routerLinkResourcesPersonalFinanceTools = [
-    '/' + $localize`resources`,
+    '/' + $localize`:snake-case:resources`,
     'personal-finance-tools'
   ];
   public tags: string[];

apps/client/src/app/pages/resources/resources-page.component.ts

@@ -14,9 +14,9 @@ import { Subject } from 'rxjs';
 export class ResourcesPageComponent implements OnInit {
   public hasPermissionForSubscription: boolean;
   public info: InfoItem;
-  public routerLinkFaq = ['/' + $localize`faq`];
+  public routerLinkFaq = ['/' + $localize`:snake-case:faq`];
   public routerLinkResourcesPersonalFinanceTools = [
-    '/' + $localize`resources`,
+    '/' + $localize`:snake-case:resources`,
     'personal-finance-tools'
   ];
 

libs/ui/src/lib/membership-card/membership-card.component.ts

@@ -22,5 +22,5 @@ export class GfMembershipCardComponent {
   @Input() public expiresAt: string;
   @Input() public name: string;
 
-  public routerLinkPricing = ['/' + $localize`pricing`];
+  public routerLinkPricing = ['/' + $localize`:snake-case:pricing`];
 }