Translate Tool

.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

content/1.docs/_dir.yml

@@ -1,3 +1,3 @@
 title: Docs
 icon: mdi:books
-aside.collapsed: false
+aside.collapsed: false

content/2.docs4devs/_dir.yml

@@ -1,3 +1,3 @@
 title: Docs for Devs
 icon: wpf:books
-aside.collapsed: false
+aside.collapsed: false

nuxt.config.ts

@@ -61,7 +61,3 @@ export default defineNuxtConfig({
 
   compatibilityDate: '2024-12-21',
 })
-
-function resolve(arg0: string): string | undefined {
-  throw new Error("Function not implemented.");
-}

package.json

@@ -1,6 +1,6 @@
 {
   "name": "emulatorjs.org",
-  "version": "1.1.2",
+  "version": "1.1.3",
   "description": "The EmulatorJS Website",
   "main": "index.js",
   "license": "MIT",
@@ -19,17 +19,17 @@
   },
   "devDependencies": {
     "@nuxt-themes/docus": "^1.15.1",
-    "@nuxt/eslint-config": "^1.2.0",
-    "@types/node": "^22.13.10",
+    "@nuxt/eslint-config": "^1.3.0",
+    "@types/node": "^22.15.0",
     "@vue/compiler-sfc": "^3.5.13",
-    "eslint": "^9.17.0",
-    "nuxt": "^3.16.0",
+    "eslint": "^9.25.1",
+    "nuxt": "^3.16.2",
     "nuxt-anchorscroll": "^1.0.5",
-    "nuxt-custom-elements": "^2.0.0-beta.31",
+    "nuxt-custom-elements": "^2.0.0-beta.32",
     "nuxt-gtag": "^3.0.2",
     "postcss": "^8.5.3",
     "typescript": "^5.8.2",
-    "vite": "^6.2.3",
+    "vite": "^6.3.3",
     "vue": "^3.5.13"
   }
 }

pages/editor.vue

@@ -1,16 +1,16 @@
 <script setup lang="ts">
 useSeoMeta({
-    title: 'Code Editor',
+    title: 'Code Generator',
     description: 'Simple code generator for EmulatorJS',
 });
 useHead({
-    title: 'Code Editor',
+    title: 'Code Generator',
     meta: [{ name: 'description', content: 'Simple code generator for EmulatorJS' }],
     link: [{ rel: 'stylesheet', href: '/css/editor.css' }],
-    script: [{ src: '/js/editor.js' }, { src: '/js/jszip.js' }, { src: '/js/systems.js', onload: 'loadsystems()'}],
+    script: [{ src: '/js/jszip.js' }, { src: '/js/systems.js', onload: 'loadsystems()'}],
 });
 definePageMeta({
-  title: 'Code Editor'
+  title: 'Code Generator'
 });
 </script>
 <template>
@@ -114,6 +114,7 @@ definePageMeta({
                 <a class="blockB" onclick="window.location.reload();" style="margin:20px;">Reset</a>
             </ul>
         </div>
+        <br>
     </div>
 </template>
 <style lang="ts" scoped>

pages/translate.vue

@@ -0,0 +1,78 @@
+<script setup lang="ts">
+useSeoMeta({
+    title: 'Translation Tool',
+    description: 'Translation Helper Tool for EmulatorJS',
+});
+useHead({
+    title: 'Translation Tool',
+    meta: [{ name: 'description', content: 'Translation Helper Tool for EmulatorJS' }],
+    link: [{ rel: 'stylesheet', href: '/css/translate.css' }]
+});
+definePageMeta({
+  title: 'Translation Tool'
+});
+</script>
+<template>
+    <div class="translate">
+        <br>
+        <div class="header">
+            <h1>Translation Helper Tool</h1>
+        </div>
+        <br>
+        <div class="boxes">
+            <div class="box">
+                <button class="copyBtn" id="copyBtn1">
+                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" width="18px"
+                        height="18px">
+                        <path
+                            d="M6 4V8H18V4H20.0066C20.5552 4 21 4.44495 21 4.9934V21.0066C21 21.5552 20.5551 22 20.0066 22H3.9934C3.44476 22 3 21.5551 3 21.0066V4.9934C3 4.44476 3.44495 4 3.9934 4H6ZM8 2H16V6H8V2Z">
+                        </path>
+                    </svg>
+                </button>
+                <textarea id="box1" rows="39.5" cols="30" spellcheck="false"></textarea>
+            </div>
+            <div class="box">
+                <textarea id="box2"
+                    placeholder="Copy what is on the left into google translate or any other translation service, then translate it into the language you whant and paste the translation here."
+                    rows="39.5" cols="50" spellcheck="false"></textarea>
+                <button class="nextBtn" id="nextBtn">Next</button>
+            </div>
+            <div class="box">
+                <button class="copyBtn" id="copyBtn3">
+                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" width="18px"
+                        height="18px">
+                        <path
+                            d="M6 4V8H18V4H20.0066C20.5552 4 21 4.44495 21 4.9934V21.0066C21 21.5552 20.5551 22 20.0066 22H3.9934C3.44476 22 3 21.5551 3 21.0066V4.9934C3 4.44476 3.44495 4 3.9934 4H6ZM8 2H16V6H8V2Z">
+                        </path>
+                    </svg>
+                </button>
+                <textarea id="box3" placeholder="Then click next and you are done copy this box in to a .json file"
+                    rows="39.5" cols="50" spellcheck="false"></textarea>
+            </div>
+        </div>
+        <br>
+    </div>
+</template>
+<style lang="ts" scoped>
+css({
+    '*': {
+        fontSize: 'revert',
+        fontWeight: 'revert',
+    },
+    '.center': {
+        textAlign: 'center',
+    },
+    '.main': {
+        margin: 'auto',
+        width: '80%',
+        maxWidth: '1000px',
+        textAlign: 'left',
+    },
+    '.next': {
+        textAlign: 'right',
+    },
+    '.back': {
+        textAlign: 'left',
+    },
+})
+</style>

public/ads.txt

@@ -1 +1 @@
-google.com, pub-8832864985153925, DIRECT, f08c47fec0942fa0
+google.com, pub-8832864985153925, DIRECT, f08c47fec0942fa0