Localization dashboard webview

l10n/bundle.l10n.json

@@ -84,6 +84,10 @@
   "dashboard.header.grouping.option.draft": "Draft/Published",
   "dashboard.header.grouping.menuButton.label": "Group by",
 
+  "dashboard.header.navigation.allArticles": "All articles",
+  "dashboard.header.navigation.published": "Published",
+  "dashboard.header.navigation.draft": "In draft",
+
   "dashboard.header.header.createContent": "Create content",
   "dashboard.header.header.createByContentType": "Create by content type",
   "dashboard.header.header.createByTemplate": "Create by template",
@@ -228,6 +232,41 @@
 
   "dashboard.taxonomyView.taxonomyLookup.button.title": "Show contents with {0} in {1}",
 
+  "dashboard.taxonomyView.taxonomyManager.description": "Create, edit, and manage the {0} of your site",
+  "dashboard.taxonomyView.taxonomyManager.button.create": "Create a new {0} value",
+  "dashboard.taxonomyView.taxonomyManager.table.heading.name": "Name",
+  "dashboard.taxonomyView.taxonomyManager.table.heading.count": "Count",
+  "dashboard.taxonomyView.taxonomyManager.table.heading.action": "Action",
+  "dashboard.taxonomyView.taxonomyManager.table.row.empty": "No {0} found",
+  "dashboard.taxonomyView.taxonomyManager.table.unmapped.title": "Missing in your settings",
+
+  "dashboard.taxonomyView.taxonomyView.navigationBar.title": "Select the taxonomy",
+  "dashboard.taxonomyView.taxonomyView.button.import": "Import taxonomy",
+  "dashboard.taxonomyView.taxonomyView.navigationItem.tags": "Tags",
+  "dashboard.taxonomyView.taxonomyView.navigationItem.categories": "Categories",
+
+  "dashboard.unkownView.title": "View does not exist",
+  "dashboard.unkownView.description": "You seem to have ended up on a view that doesn't exist. Please re-open the dashboard.",
+
+  "dashboard.welcomeScreen.title": "Manage your static site with Front Matter",
+  "dashboard.welcomeScreen.thanks": "Thank you for using Front Matter!",
+  "dashboard.welcomeScreen.description": "We try to aim to make Front Matter as easy to use as possible, but if you have any questions or suggestions. Please don't hesitate to reach out to us on GitHub.",
+  "dashboard.welcomeScreen.link.github.title": "GitHub",
+  "dashboard.welcomeScreen.link.github.label": "GitHub / Documentation",
+  "dashboard.welcomeScreen.link.sponsor.title": "Become a sponsor",
+  "dashboard.welcomeScreen.link.sponsor.label": "Sponsor",
+  "dashboard.welcomeScreen.link.review.title": "Write a review",
+  "dashboard.welcomeScreen.link.review.label": "Review",
+  "dashboard.welcomeScreen.actions.heading": "Perform the next steps to get you started with the extension",
+  "dashboard.welcomeScreen.actions.description": "You can also use the extension from the Front Matter side panel. There you will find the actions you can perform specifically for your pages.",
+  "dashboard.welcomeScreen.actions.thanks": "We hope you enjoy Front Matter!",
+
+  "dashboard.app.developer.title": "Developer mode",
+  "dashboard.app.developer.reload.title": "Reload the dashboard",
+  "dashboard.app.developer.reload.label": "Reload",
+  "dashboard.app.developer.devTools.title": "Open the DevTools",
+  "dashboard.app.developer.devTools.label": "DevTools",
+
   "panel.actions.title": "Actions",
   "panel.actions.openDashboard": "Open dashboard",
   "panel.actions.openPreview": "Open preview",

src/dashboardWebView/components/App.tsx

@@ -19,6 +19,8 @@ import { UnknownView } from './UnknownView';
 import { ErrorBoundary } from '@sentry/react';
 import { ErrorView } from './ErrorView';
 import { DashboardMessage } from '../DashboardMessage';
+import * as l10n from '@vscode/l10n';
+import { LocalizationKey } from '../../localization';
 
 export interface IAppProps {
   showWelcome: boolean;
@@ -96,19 +98,21 @@ Stack: ${componentStack}`
         {
           isDevMode && (
             <div className="relative p-2 flex justify-center items-center bg-[var(--vscode-statusBar-debuggingBackground)] text-[var(--vscode-statusBar-debuggingForeground)]">
-              <span className='absolute left-2'>Development mode</span>
+              <span className='absolute left-2'>
+                {l10n.t(LocalizationKey.dashboardAppDeveloperTitle)}
+              </span>
 
               <a
                 className="ml-2 px-2 hover:text-[var(--vscode-statusBar-debuggingForeground)] hover:bg-[var(--vscode-statusBarItem-hoverBackground)] hover:outline-none focus:outline-none"
                 href={`command:workbench.action.webview.reloadWebviewAction`}
-                title="Reload the dashboard">
-                Reload
+                title={l10n.t(LocalizationKey.dashboardAppDeveloperReloadTitle)}>
+                {l10n.t(LocalizationKey.dashboardAppDeveloperReloadLabel)}
               </a>
               <a
                 className="ml-2 px-2 hover:text-[var(--vscode-statusBar-debuggingForeground)] hover:bg-[var(--vscode-statusBarItem-hoverBackground)] hover:outline-none focus:outline-none"
                 href={`command:workbench.action.webview.openDeveloperTools`}
-                title="Open DevTools">
-                DevTools
+                title={l10n.t(LocalizationKey.dashboardAppDeveloperDevToolsTitle)}>
+                {l10n.t(LocalizationKey.dashboardAppDeveloperDevToolsLabel)}
               </a>
             </div>
           )

src/dashboardWebView/components/Header/Navigation.tsx

@@ -3,6 +3,8 @@ import { useRecoilState, useRecoilValue } from 'recoil';
 import { Tab } from '../../constants/Tab';
 import useThemeColors from '../../hooks/useThemeColors';
 import { SettingsAtom, TabAtom, TabInfoAtom } from '../../state';
+import * as l10n from '@vscode/l10n';
+import { LocalizationKey } from '../../../localization';
 
 export interface INavigationProps {
   totalPages: number;
@@ -15,9 +17,9 @@ export interface INavigationItemProps {
 }
 
 export const tabs = [
-  { name: 'All articles', id: Tab.All },
-  { name: 'Published', id: Tab.Published },
-  { name: 'In draft', id: Tab.Draft }
+  { name: l10n.t(LocalizationKey.dashboardHeaderNavigationAllArticles), id: Tab.All },
+  { name: l10n.t(LocalizationKey.dashboardHeaderNavigationPublished), id: Tab.Published },
+  { name: l10n.t(LocalizationKey.dashboardHeaderNavigationDraft), id: Tab.Draft }
 ];
 
 const NavigationItem: React.FunctionComponent<INavigationItemProps> = ({
@@ -31,15 +33,15 @@ const NavigationItem: React.FunctionComponent<INavigationItemProps> = ({
   return (
     <button
       className={`${isCrntTab
-          ?
-          getColors(
-            'border-teal-900 dark:border-teal-300 text-teal-900 dark:text-teal-300',
-            'border-[var(--vscode-textLink-foreground)] text-[var(--vscode-textLink-foreground)]'
-          ) :
-          getColors(
-            `border-transparent text-gray-500 dark:text-whisper-600 hover:text-gray-700 dark:hover:text-whisper-700 hover:border-gray-300 dark:hover:border-whisper-500`,
-            `border-transparent text-[var(--vscode-tab-inactiveForeground)] hover:text-[var(--vscode-textLink-activeForeground)] hover:border-[var(--vscode-textLink-activeForeground)]`
-          )
+        ?
+        getColors(
+          'border-teal-900 dark:border-teal-300 text-teal-900 dark:text-teal-300',
+          'border-[var(--vscode-textLink-foreground)] text-[var(--vscode-textLink-foreground)]'
+        ) :
+        getColors(
+          `border-transparent text-gray-500 dark:text-whisper-600 hover:text-gray-700 dark:hover:text-whisper-700 hover:border-gray-300 dark:hover:border-whisper-500`,
+          `border-transparent text-[var(--vscode-tab-inactiveForeground)] hover:text-[var(--vscode-textLink-activeForeground)] hover:border-[var(--vscode-textLink-activeForeground)]`
+        )
         } whitespace-nowrap py-2 px-1 border-b-2 font-medium text-sm`}
       aria-current={isCrntTab ? 'page' : undefined}
       onClick={onClick}

src/dashboardWebView/components/TaxonomyView/TaxonomyManager.tsx

@@ -11,6 +11,8 @@ import { getTaxonomyField } from '../../../helpers/getTaxonomyField';
 import { TaxonomyActions } from './TaxonomyActions';
 import { TaxonomyLookup } from './TaxonomyLookup';
 import useThemeColors from '../../hooks/useThemeColors';
+import * as l10n from '@vscode/l10n';
+import { LocalizationKey } from '../../../localization';
 
 export interface ITaxonomyManagerProps {
   data: TaxonomyData | undefined;
@@ -105,6 +107,10 @@ export const TaxonomyManager: React.FunctionComponent<ITaxonomyManagerProps> = (
     return [...new Set(unmapped)].filter(i => i);
   }, [items, taxonomy, pages, settings?.contentTypes]);
 
+  if (!taxonomy) {
+    return null;
+  }
+
   return (
     <div className={`py-6 px-4 flex flex-col h-full overflow-hidden`}>
       <div className={`flex w-full justify-between flex-shrink-0`}>
@@ -121,7 +127,7 @@ export const TaxonomyManager: React.FunctionComponent<ITaxonomyManagerProps> = (
             'text-[var(--frontmatter-secondary-text)]'
           )
             }`}>
-            Create, edit, and manage the {taxonomy} of your site
+            {l10n.t(LocalizationKey.dashboardTaxonomyViewTaxonomyManagerDescription, taxonomy)}
           </p>
         </div>
         <div>
@@ -131,11 +137,11 @@ export const TaxonomyManager: React.FunctionComponent<ITaxonomyManagerProps> = (
               `text-[var(--vscode-button-foreground)] bg-[var(--frontmatter-button-background)] hover:bg-[var(--vscode-button-hoverBackground)] disabled:opacity-50`
             )
               }`}
-            title={`Create a new ${taxonomy} value`}
+            title={l10n.t(LocalizationKey.dashboardTaxonomyViewTaxonomyManagerButtonCreate, taxonomy)}
             onClick={onCreate}
           >
             <PlusSmIcon className={`mr-2 h-6 w-6`} />
-            <span className={`text-sm`}>Create a new {taxonomy} value</span>
+            <span className={`text-sm`}>{l10n.t(LocalizationKey.dashboardTaxonomyViewTaxonomyManagerButtonCreate, taxonomy)}</span>
           </button>
         </div>
       </div>
@@ -148,19 +154,19 @@ export const TaxonomyManager: React.FunctionComponent<ITaxonomyManagerProps> = (
                 scope="col"
                 className={`px-6 py-3 text-left text-xs font-medium uppercase ${getColors('text-gray-500 dark:text-whisper-900', 'text-[var(--frontmatter-secondary-text)]')}`}
               >
-                Name
+                {l10n.t(LocalizationKey.dashboardTaxonomyViewTaxonomyManagerTableHeadingName)}
               </th>
               <th
                 scope="col"
                 className={`px-6 py-3 text-left text-xs font-medium uppercase ${getColors('text-gray-500 dark:text-whisper-900', 'text-[var(--frontmatter-secondary-text)]')}`}
               >
-                Count
+                {l10n.t(LocalizationKey.dashboardTaxonomyViewTaxonomyManagerTableHeadingCount)}
               </th>
               <th
                 scope="col"
                 className={`px-6 py-3 text-right text-xs font-medium uppercase ${getColors('text-gray-500 dark:text-whisper-900', 'text-[var(--frontmatter-secondary-text)]')}`}
               >
-                Action
+                {l10n.t(LocalizationKey.dashboardTaxonomyViewTaxonomyManagerTableHeadingAction)}
               </th>
             </tr>
           </thead>
@@ -187,7 +193,7 @@ export const TaxonomyManager: React.FunctionComponent<ITaxonomyManagerProps> = (
                     className={`px-6 py-4 whitespace-nowrap text-sm font-medium ${getColors(`text-gray-800 dark:text-gray-200`, `text-[var(--frontmatter-text)]`)}`}
                     colSpan={4}
                   >
-                    No {taxonomy} found
+                    {l10n.t(LocalizationKey.dashboardTaxonomyViewTaxonomyManagerTableRowEmpty, taxonomy)}
                   </td>
                 </tr>
               ))}
@@ -198,7 +204,7 @@ export const TaxonomyManager: React.FunctionComponent<ITaxonomyManagerProps> = (
                 <tr key={index}>
                   <td
                     className={`px-6 py-4 whitespace-nowrap text-sm font-medium ${getColors(`text-gray-800 dark:text-gray-200`, `text-[var(--frontmatter-text)]`)}`}
-                    title="Missing in your settings"
+                    title={l10n.t(LocalizationKey.dashboardTaxonomyViewTaxonomyManagerTableUnmappedTitle)}
                   >
                     <ExclamationIcon className="inline-block h-4 w-4 mr-2" />
                     <span>{item}</span>

src/dashboardWebView/components/TaxonomyView/TaxonomyView.tsx

@@ -12,6 +12,8 @@ import { NavigationBar, NavigationItem } from '../Layout';
 import { PageLayout } from '../Layout/PageLayout';
 import { SponsorMsg } from '../Layout/SponsorMsg';
 import { TaxonomyManager } from './TaxonomyManager';
+import * as l10n from '@vscode/l10n';
+import { LocalizationKey } from '../../../localization';
 
 export interface ITaxonomyViewProps {
   pages: Page[];
@@ -46,15 +48,15 @@ export const TaxonomyView: React.FunctionComponent<ITaxonomyViewProps> = ({
     <PageLayout contentClass={`relative w-full flex-grow flex flex-col mx-auto overflow-hidden`}>
       <div className={`h-full w-full flex`}>
         <NavigationBar
-          title="Select the taxonomy"
+          title={l10n.t(LocalizationKey.dashboardTaxonomyViewTaxonomyViewNavigationBarTitle)}
           bottom={
             <button
               className={`-mb-4 text-xs opacity-80 flex items-center text-gray-500 dark:text-whisper-900 hover:text-gray-700 dark:hover:text-whisper-500`}
-              title="Import taxonomy"
+              title={l10n.t(LocalizationKey.dashboardTaxonomyViewTaxonomyViewButtonImport)}
               onClick={onImport}
             >
               <DownloadIcon className={`w-5 mr-2`} />
-              <span>Import taxonomy</span>
+              <span>{l10n.t(LocalizationKey.dashboardTaxonomyViewTaxonomyViewButtonImport)}</span>
             </button>
           }
         >
@@ -63,7 +65,7 @@ export const TaxonomyView: React.FunctionComponent<ITaxonomyViewProps> = ({
             onClick={() => setSelectedTaxonomy(`tags`)}
           >
             <ChevronRightIcon className="-ml-1 w-5 mr-2" />
-            <span>Tags</span>
+            <span>{l10n.t(LocalizationKey.dashboardTaxonomyViewTaxonomyViewNavigationItemTags)}</span>
           </NavigationItem>
 
           <NavigationItem
@@ -71,7 +73,7 @@ export const TaxonomyView: React.FunctionComponent<ITaxonomyViewProps> = ({
             onClick={() => setSelectedTaxonomy(`categories`)}
           >
             <ChevronRightIcon className="-ml-1 w-5 mr-2" />
-            <span>Categories</span>
+            <span>{l10n.t(LocalizationKey.dashboardTaxonomyViewTaxonomyViewNavigationItemCategories)}</span>
           </NavigationItem>
 
           {taxonomySettings?.customTaxonomy &&

src/dashboardWebView/components/UnknownView/UnknownView.tsx

@@ -1,11 +1,13 @@
 import { StopIcon } from '@heroicons/react/outline';
 import * as React from 'react';
 import useThemeColors from '../../hooks/useThemeColors';
+import * as l10n from '@vscode/l10n';
+import { LocalizationKey } from '../../../localization';
 
 export interface IUnknownViewProps { }
 
 export const UnknownView: React.FunctionComponent<IUnknownViewProps> = (
-  props: React.PropsWithChildren<IUnknownViewProps>
+  _: React.PropsWithChildren<IUnknownViewProps>
 ) => {
   const { getColors } = useThemeColors();
 
@@ -13,9 +15,11 @@ export const UnknownView: React.FunctionComponent<IUnknownViewProps> = (
     <div className={`w-full h-full flex items-center justify-center`}>
       <div className={`flex flex-col items-center ${getColors(`text-gray-500 dark:text-whisper-900`, `text-[var(--frontmatter-text)]`)}`}>
         <StopIcon className="w-32 h-32" />
-        <p className="text-3xl mt-2">View does not exist</p>
+        <p className="text-3xl mt-2">
+          {l10n.t(LocalizationKey.dashboardUnkownViewTitle)}
+        </p>
         <p className="text-xl mt-4">
-          You seem to have ended up on a view that doesn't exist. Please re-open the dashboard.
+          {l10n.t(LocalizationKey.dashboardUnkownViewDescription)}
         </p>
       </div>
     </div>

src/dashboardWebView/components/WelcomeView/WelcomeScreen.tsx

@@ -9,6 +9,8 @@ import { Settings } from '../../models/Settings';
 import { StepsToGetStarted } from '../Steps/StepsToGetStarted';
 import useThemeColors from '../../hooks/useThemeColors';
 import { WelcomeLink } from './WelcomeLink';
+import * as l10n from '@vscode/l10n';
+import { LocalizationKey } from '../../../localization';
 
 export interface IWelcomeScreenProps {
   settings: Settings;
@@ -43,9 +45,7 @@ export const WelcomeScreen: React.FunctionComponent<IWelcomeScreenProps> = ({
             <div className="px-6 col-span-8 text-left flex items-center">
               <div>
                 <h1 className="mt-4 text-4xl tracking-tight font-extrabold sm:mt-5 sm:leading-none lg:mt-6 lg:text-5xl xl:text-6xl">
-                  <span className="md:block">Manage your static site with</span>{' '}
-                  <span className={`md:block ${getColors('text-teal-600', 'text-[var(--frontmatter-button-background)]')
-                    }`}>Front Matter</span>
+                  {l10n.t(LocalizationKey.dashboardWelcomeScreenTitle)}
                 </h1>
 
                 <p className={`mt-3 text-base  sm:mt-5 sm:text-xl lg:text-lg xl:text-xl ${getColors(
@@ -53,7 +53,7 @@ export const WelcomeScreen: React.FunctionComponent<IWelcomeScreenProps> = ({
                   'text-[var(--vscode-editor-foreground)]'
                 )
                   }`}>
-                  Thank you for using Front Matter!
+                  {l10n.t(LocalizationKey.dashboardWelcomeScreenThanks)}
                 </p>
 
                 <p className={`mt-3 text-base sm:mt-5 sm:text-xl lg:text-lg xl:text-xl ${getColors(
@@ -61,25 +61,30 @@ export const WelcomeScreen: React.FunctionComponent<IWelcomeScreenProps> = ({
                   'text-[var(--vscode-editor-foreground)]'
                 )
                   }`}>
-                  We try to aim to make Front Matter as easy to use as possible, but if you have any
-                  questions or suggestions. Please don't hesitate to reach out to us on GitHub.
+                  {l10n.t(LocalizationKey.dashboardWelcomeScreenDescription)}
                 </p>
 
                 <div className="mt-5 w-full sm:mx-auto sm:max-w-lg lg:ml-0">
                   <div className="flex flex-wrap items-start justify-between">
-                    <WelcomeLink href={GITHUB_LINK} title={`GitHub`}>
+                    <WelcomeLink href={GITHUB_LINK} title={l10n.t(LocalizationKey.dashboardWelcomeScreenLinkGithubTitle)}>
                       <GitHubIcon className="w-8 h-8" />
-                      <span className={`text-lg ml-2`}>GitHub / Documentation</span>
+                      <span className={`text-lg ml-2`}>
+                        {l10n.t(LocalizationKey.dashboardWelcomeScreenLinkGithubLabel)}
+                      </span>
                     </WelcomeLink>
 
-                    <WelcomeLink href={SPONSOR_LINK} title={`Become a sponsor`}>
+                    <WelcomeLink href={SPONSOR_LINK} title={l10n.t(LocalizationKey.dashboardWelcomeScreenLinkSponsorTitle)}>
                       <HeartIcon className="w-8 h-8" />
-                      <span className={`text-lg ml-2`}>Sponsor</span>
+                      <span className={`text-lg ml-2`}>
+                        {l10n.t(LocalizationKey.dashboardWelcomeScreenLinkSponsorLabel)}
+                      </span>
                     </WelcomeLink>
 
-                    <WelcomeLink href={REVIEW_LINK} title={`Write a quick review`}>
+                    <WelcomeLink href={REVIEW_LINK} title={l10n.t(LocalizationKey.dashboardWelcomeScreenLinkReviewTitle)}>
                       <StarIcon className="w-8 h-8" />
-                      <span className={`text-lg ml-2`}>Review</span>
+                      <span className={`text-lg ml-2`}>
+                        {l10n.t(LocalizationKey.dashboardLayoutSponsorReviewLabel)}
+                      </span>
                     </WelcomeLink>
                   </div>
                 </div>
@@ -98,7 +103,7 @@ export const WelcomeScreen: React.FunctionComponent<IWelcomeScreenProps> = ({
 
         <div className="mx-auto max-w-7xl mt-12 px-6">
           <h2 className="text-xl tracking-tight font-extrabold sm:leading-none">
-            Perform the next steps to get you started with the extension
+            {l10n.t(LocalizationKey.dashboardWelcomeScreenActionsHeading)}
           </h2>
 
           <div className={`grid grid-cols-12 gap-8 mt-5`}>
@@ -110,14 +115,13 @@ export const WelcomeScreen: React.FunctionComponent<IWelcomeScreenProps> = ({
                 'text-[var(--vscode-editor-foreground)]'
               )
                 }`}>
-                You can also use the extension from the <b>Front Matter</b> side panel. There you
-                will find the actions you can perform specifically for your pages.
+                {l10n.t(LocalizationKey.dashboardWelcomeScreenActionsDescription)}
               </p>
             </div>
           </div>
 
           <h2 className="mt-5 text-lg tracking-tight font-extrabold sm:leading-none">
-            We hope you enjoy Front Matter!
+            {l10n.t(LocalizationKey.dashboardWelcomeScreenActionsThanks)}
           </h2>
         </div>
       </main>

src/localization/localization.enum.ts

@@ -251,6 +251,18 @@ export enum LocalizationKey {
    * Group by
    */
   dashboardHeaderGroupingMenuButtonLabel = 'dashboard.header.grouping.menuButton.label',
+  /**
+   * All articles
+   */
+  dashboardHeaderNavigationAllArticles = 'dashboard.header.navigation.allArticles',
+  /**
+   * Published
+   */
+  dashboardHeaderNavigationPublished = 'dashboard.header.navigation.published',
+  /**
+   * In draft
+   */
+  dashboardHeaderNavigationDraft = 'dashboard.header.navigation.draft',
   /**
    * Create content
    */
@@ -731,6 +743,126 @@ export enum LocalizationKey {
    * Show contents with {0} in {1}
    */
   dashboardTaxonomyViewTaxonomyLookupButtonTitle = 'dashboard.taxonomyView.taxonomyLookup.button.title',
+  /**
+   * Create, edit, and manage the {0} of your site
+   */
+  dashboardTaxonomyViewTaxonomyManagerDescription = 'dashboard.taxonomyView.taxonomyManager.description',
+  /**
+   * Create a new {0} value
+   */
+  dashboardTaxonomyViewTaxonomyManagerButtonCreate = 'dashboard.taxonomyView.taxonomyManager.button.create',
+  /**
+   * Name
+   */
+  dashboardTaxonomyViewTaxonomyManagerTableHeadingName = 'dashboard.taxonomyView.taxonomyManager.table.heading.name',
+  /**
+   * Count
+   */
+  dashboardTaxonomyViewTaxonomyManagerTableHeadingCount = 'dashboard.taxonomyView.taxonomyManager.table.heading.count',
+  /**
+   * Action
+   */
+  dashboardTaxonomyViewTaxonomyManagerTableHeadingAction = 'dashboard.taxonomyView.taxonomyManager.table.heading.action',
+  /**
+   * No {0} found
+   */
+  dashboardTaxonomyViewTaxonomyManagerTableRowEmpty = 'dashboard.taxonomyView.taxonomyManager.table.row.empty',
+  /**
+   * Missing in your settings
+   */
+  dashboardTaxonomyViewTaxonomyManagerTableUnmappedTitle = 'dashboard.taxonomyView.taxonomyManager.table.unmapped.title',
+  /**
+   * Select the taxonomy
+   */
+  dashboardTaxonomyViewTaxonomyViewNavigationBarTitle = 'dashboard.taxonomyView.taxonomyView.navigationBar.title',
+  /**
+   * Import taxonomy
+   */
+  dashboardTaxonomyViewTaxonomyViewButtonImport = 'dashboard.taxonomyView.taxonomyView.button.import',
+  /**
+   * Tags
+   */
+  dashboardTaxonomyViewTaxonomyViewNavigationItemTags = 'dashboard.taxonomyView.taxonomyView.navigationItem.tags',
+  /**
+   * Categories
+   */
+  dashboardTaxonomyViewTaxonomyViewNavigationItemCategories = 'dashboard.taxonomyView.taxonomyView.navigationItem.categories',
+  /**
+   * View does not exist
+   */
+  dashboardUnkownViewTitle = 'dashboard.unkownView.title',
+  /**
+   * You seem to have ended up on a view that doesn't exist. Please re-open the dashboard.
+   */
+  dashboardUnkownViewDescription = 'dashboard.unkownView.description',
+  /**
+   * Manage your static site with Front Matter
+   */
+  dashboardWelcomeScreenTitle = 'dashboard.welcomeScreen.title',
+  /**
+   * Thank you for using Front Matter!
+   */
+  dashboardWelcomeScreenThanks = 'dashboard.welcomeScreen.thanks',
+  /**
+   * We try to aim to make Front Matter as easy to use as possible, but if you have any questions or suggestions. Please don't hesitate to reach out to us on GitHub.
+   */
+  dashboardWelcomeScreenDescription = 'dashboard.welcomeScreen.description',
+  /**
+   * GitHub
+   */
+  dashboardWelcomeScreenLinkGithubTitle = 'dashboard.welcomeScreen.link.github.title',
+  /**
+   * GitHub / Documentation
+   */
+  dashboardWelcomeScreenLinkGithubLabel = 'dashboard.welcomeScreen.link.github.label',
+  /**
+   * Become a sponsor
+   */
+  dashboardWelcomeScreenLinkSponsorTitle = 'dashboard.welcomeScreen.link.sponsor.title',
+  /**
+   * Sponsor
+   */
+  dashboardWelcomeScreenLinkSponsorLabel = 'dashboard.welcomeScreen.link.sponsor.label',
+  /**
+   * Write a review
+   */
+  dashboardWelcomeScreenLinkReviewTitle = 'dashboard.welcomeScreen.link.review.title',
+  /**
+   * Review
+   */
+  dashboardWelcomeScreenLinkReviewLabel = 'dashboard.welcomeScreen.link.review.label',
+  /**
+   * Perform the next steps to get you started with the extension
+   */
+  dashboardWelcomeScreenActionsHeading = 'dashboard.welcomeScreen.actions.heading',
+  /**
+   * You can also use the extension from the Front Matter side panel. There you will find the actions you can perform specifically for your pages.
+   */
+  dashboardWelcomeScreenActionsDescription = 'dashboard.welcomeScreen.actions.description',
+  /**
+   * We hope you enjoy Front Matter!
+   */
+  dashboardWelcomeScreenActionsThanks = 'dashboard.welcomeScreen.actions.thanks',
+  /**
+   * Developer mode
+   */
+  dashboardAppDeveloperTitle = 'dashboard.app.developer.title',
+  /**
+   * Reload the dashboard
+   */
+  dashboardAppDeveloperReloadTitle = 'dashboard.app.developer.reload.title',
+  /**
+   * Reload
+   */
+  dashboardAppDeveloperReloadLabel = 'dashboard.app.developer.reload.label',
+  /**
+   * Open the DevTools
+   */
+  dashboardAppDeveloperDevToolsTitle = 'dashboard.app.developer.devTools.title',
+  /**
+   * DevTools
+   */
+  dashboardAppDeveloperDevToolsLabel = 'dashboard.app.developer.devTools.label',
   /**
    * Actions
    */