Translate Tool (#56)

* translate

* color pages

* fix page titles

* function logic

* scripts work now

* add newlines

Author: allancoding

.eslintrc.cjs

@@ -11,4 +11,4 @@ module.exports = {
     'vue/max-attributes-per-line': 'off',
     'vue/multi-word-component-names': 'off'
   }
-}
+}

README.md

@@ -28,4 +28,4 @@ yarn install
 yarn dev
 ```
 
-It can now be reached at http://localhost:3000/.
+It can now be reached at http://localhost:3000/.

app.config.ts

@@ -44,9 +44,13 @@ export default defineAppConfig({
           href: '/docs'
         },
         {
-          text: 'Code Editor',
+          text: 'Code Generator',
           href: '/editor'
         },
+        {
+          text: 'Translation Tool',
+          href: '/translate'
+        },
         {
           text: 'Demo',
           href: 'https://demo.emulatorjs.org',

components/AppHeader.vue

@@ -121,4 +121,4 @@ css({
     }
   }
 })
-</style>
+</style>

components/AppHeaderDialog.vue

@@ -131,4 +131,4 @@ css({
     height: '{space.4}'
   }
 })
-</style>
+</style>

components/AppLayout.vue

@@ -41,4 +41,4 @@ css({
     }
   }
 })
-</style>
+</style>

components/DocsPageLayout.vue

@@ -295,4 +295,4 @@ css({
     }
   }
 })
-</style>
+</style>

components/NavigationLink.vue

@@ -84,4 +84,4 @@ css({
     }
 
 })
-</style>
+</style>

content/1.docs/1.index.md

@@ -1,6 +1,6 @@
 # Introduction
 
-You can use the [Code Editor](/editor) to generate the embed code for your website.
+You can use the [Code Generator](/editor) to generate the embed code for your website.
 
 [EmulatorJS](https://github.com/EmulatorJS/EmulatorJS) runs RetroArch compiled to webassembly, optimized for running in the web browser.
 

content/1.docs/8.systems/_dir.yml

@@ -1,2 +1,2 @@
 title: Systems
-aside.collapsed: true
+aside.collapsed: true