renamed welcome to hello world

jeroenverspeek · Jan 1, 2024 · 59bbbaa · 59bbbaa
1 parent 35b0394
commit 59bbbaa
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 9 deletions.
diff --git a/components/Cube/Welcome.vue → components/Cube/HelloWorld.vue b/components/Cube/Welcome.vue → components/Cube/HelloWorld.vue
@@ -8,14 +8,14 @@ const { start, stop } = useAPI();
 
 const cubeAppCommand = computed(() => {
   // build command and command line options;
-  const command = ['ts-node', appSrcDir + 'sprites/welcome.ts'];
+  const command = ['ts-node', appSrcDir + 'sprites/helloWorld.ts'];
   command.push('--finalMessage');
   command.push(finalMessage.value);
   return command;
 });
 
 
-async function welcome() {
+async function helloWorld() {
   loading.value = true;
   // build command and command line options;
   const response = await start(cubeAppCommand.value)
@@ -29,16 +29,16 @@ async function welcome() {
 <template>
   <div>
     <div class="field">
-      <label class="label">Enter final message:</label>
+      <label class="label">Final message to the world:</label>
       <div> <input v-model="finalMessage" maxlength=16 placeholder="WELKOM!">
       </div>
       <!-- <span> TEST language: {{ language }}</span><br> -->
     </div>
     <!--<div style="word-break: break-all;">{{ cubeAppCommand }}</div>-->
     <div class="field is-grouped">
       <p class="control">
-        <button :disabled="!finalMessage" @click="welcome" class="button is-primary"
-          :class="{ 'is-loading': loading }">Welcome</button>
+        <button :disabled="!finalMessage" @click="helloWorld" class="button is-primary"
+          :class="{ 'is-loading': loading }">Hello world</button>
       </p>
       <p class="control">
         <button @click="stop" class="button is-danger" :class="{ 'is-loading': loading }">Stop</button>

diff --git a/pages/index.vue b/pages/index.vue
@@ -54,10 +54,10 @@ const currentTab = ref('clock');
               <span>Stock market</span>
             </a>
           </li>
-          <li :class="{ 'is-active': currentTab === 'welcome' }">
-            <a @click="currentTab = 'welcome'">
+          <li :class="{ 'is-active': currentTab === 'helloWorld' }">
+            <a @click="currentTab = 'helloWorld'">
               <span class="icon is-small"><i class="fa-solid fa-door-open"></i></span>
-              <span>Welcome</span>
+              <span>Hello world</span>
             </a>
           </li>
           <li :class="{ 'is-active': currentTab === 'demo' }">
@@ -89,7 +89,7 @@ const currentTab = ref('clock');
       <CubeSlidingPuzzle v-if="currentTab === 'slidingPuzzle'" />
       <CubeCelestialBodies v-if="currentTab === 'celestialBodies'" />
       <CubeStockMarketQuotes v-if="currentTab === 'stockMarketQuotes'" />
-      <CubeWelcome v-if="currentTab === 'welcome'" />
+      <CubeHelloWorld v-if="currentTab === 'helloWorld'" />
       <CubeDemo v-if="currentTab === 'demo'" />
       <CubeFireworks v-if="currentTab === 'fireworks'" />
       <CubeBoss v-if="currentTab === 'boss'" />