From 9301cc822bce7dd42badb2e13c6fbfd061f76fdf Mon Sep 17 00:00:00 2001
From: Chen Asraf <casraf@pm.me>
Date: Sat, 20 Sep 2025 11:12:25 +0300
Subject: [PATCH] fix: use correct name in vue templates

---
 src/App.vue           | 18 +++++-----
 src/Settings.vue      | 82 +++++++++++++++++++++----------------------
 src/views/AppView.vue | 54 ++++++++++++++--------------
 3 files changed, 77 insertions(+), 77 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index aa2306a..c0d587d 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,5 +1,5 @@
 <template>
-  <NcContent app-name="nextcloud-hello-world">
+  <NcContent app-name="nextcloudapptemplate">
     <!-- Left sidebar -->
     <NcAppNavigation>
       <template #search>
@@ -98,21 +98,21 @@ export default {
       searchValue: '',
       isRouterLoading: false,
       // Mount path for this app section; adjust to your mount.
-      basePath: '/apps/nextcloud-hello-world',
+      basePath: '/apps/nextcloudapptemplate',
       strings: {
-        title: t('nextcloud-hello-world', 'Hello World — App'),
+        title: t('nextcloudapptemplate', 'Hello World — App'),
         subtitle: t(
-          'nextcloud-hello-world',
+          'nextcloudapptemplate',
           'Use the sidebar to navigate between views. Backend calls use {cStart}axios{cEnd} and OCS responses.',
           { cStart: '<code>', cEnd: '</code>' },
           undefined,
           { escape: false },
         ),
-        searchLabel: t('nextcloud-hello-world', 'Search'),
-        searchPlaceholder: t('nextcloud-hello-world', 'Type to filter…'),
-        navHome: t('nextcloud-hello-world', 'Home'),
-        navExamples: t('nextcloud-hello-world', 'Examples'),
-        navAbout: t('nextcloud-hello-world', 'About'),
+        searchLabel: t('nextcloudapptemplate', 'Search'),
+        searchPlaceholder: t('nextcloudapptemplate', 'Type to filter…'),
+        navHome: t('nextcloudapptemplate', 'Home'),
+        navExamples: t('nextcloudapptemplate', 'Examples'),
+        navAbout: t('nextcloudapptemplate', 'About'),
       },
       _removeBeforeEach: null,
       _removeAfterEach: null,
diff --git a/src/Settings.vue b/src/Settings.vue
index 3a69d94..507effe 100644
--- a/src/Settings.vue
+++ b/src/Settings.vue
@@ -1,5 +1,5 @@
 <template>
-  <div id="nextcloud-hello-world-content" class="section">
+  <div id="nextcloudapptemplate-content" class="section">
     <h2>{{ strings.title }}</h2>
 
     <!-- Information / quick start -->
@@ -161,10 +161,10 @@ export default {
       // Example: select with label <-> value mapping (like your intervals)
       themeLabel: null,
       themeOptions: [
-        { label: t('nextcloud-hello-world', 'Light'), value: 'light' },
-        { label: t('nextcloud-hello-world', 'Dark'), value: 'dark' },
+        { label: t('nextcloudapptemplate', 'Light'), value: 'light' },
+        { label: t('nextcloudapptemplate', 'Dark'), value: 'dark' },
         {
-          label: n('nextcloud-hello-world', 'System (1 option)', 'System (%n options)', 2),
+          label: n('nextcloudapptemplate', 'System (1 option)', 'System (%n options)', 2),
           value: 'system',
         },
       ],
@@ -183,15 +183,15 @@ export default {
       // All user-visible strings go here
       strings: {
         // Titles / headers
-        title: t('nextcloud-hello-world', 'Hello World — App Template'),
-        infoTitle: t('nextcloud-hello-world', 'Information'),
-        examplesHeader: t('nextcloud-hello-world', 'Quick Examples'),
-        itemsHeader: t('nextcloud-hello-world', 'Editable List'),
-        backendHeader: t('nextcloud-hello-world', 'Backend Calls'),
+        title: t('nextcloudapptemplate', 'Hello World — App Template'),
+        infoTitle: t('nextcloudapptemplate', 'Information'),
+        examplesHeader: t('nextcloudapptemplate', 'Quick Examples'),
+        itemsHeader: t('nextcloudapptemplate', 'Editable List'),
+        backendHeader: t('nextcloudapptemplate', 'Backend Calls'),
 
         // Info
         infoIntro: t(
-          'nextcloud-hello-world',
+          'nextcloudapptemplate',
           'This view shows {bStart}small, focused examples{bEnd} for inputs, lists, selections, and backend calls.',
           { bStart: '<b>', bEnd: '</b>' },
           undefined,
@@ -200,21 +200,21 @@ export default {
 
         gettingStartedList: [
           t(
-            'nextcloud-hello-world',
+            'nextcloudapptemplate',
             'Import UI parts from {cStart}@nextcloud/vue{cEnd} and wire them with {cStart}v-model{cEnd}.',
             { cStart: '<code>', cEnd: '</code>' },
             undefined,
             { escape: false },
           ),
           t(
-            'nextcloud-hello-world',
+            'nextcloudapptemplate',
             'Use {cStart}axios{cEnd} for API calls; return OCS data as needed.',
             { cStart: '<code>', cEnd: '</code>' },
             undefined,
             { escape: false },
           ),
           t(
-            'nextcloud-hello-world',
+            'nextcloudapptemplate',
             'Keep user-facing text in a central {cStart}strings{cEnd} object with {cStart}t/n{cEnd}.',
             { cStart: '<code>', cEnd: '</code>' },
             undefined,
@@ -223,7 +223,7 @@ export default {
         ],
 
         tipsNote: t(
-          'nextcloud-hello-world',
+          'nextcloudapptemplate',
           'Pro tip: keep labels in {cStart}label{cEnd} and values in {cStart}value{cEnd} to simplify mapping.',
           { cStart: '<code>', cEnd: '</code>' },
           undefined,
@@ -231,40 +231,40 @@ export default {
         ),
 
         // Name example
-        nameInputHeader: t('nextcloud-hello-world', 'Your Name'),
-        nameInputLabel: t('nextcloud-hello-world', 'Name'),
-        nameInputPlaceholder: t('nextcloud-hello-world', 'e.g. Ada Lovelace'),
-        livePreview: t('nextcloud-hello-world', 'Live preview:'),
+        nameInputHeader: t('nextcloudapptemplate', 'Your Name'),
+        nameInputLabel: t('nextcloudapptemplate', 'Name'),
+        nameInputPlaceholder: t('nextcloudapptemplate', 'e.g. Ada Lovelace'),
+        livePreview: t('nextcloudapptemplate', 'Live preview:'),
 
         // Theme example
-        themeHeader: t('nextcloud-hello-world', 'Theme'),
-        themeLabel: t('nextcloud-hello-world', 'Choose a theme'),
-        themePreview: t('nextcloud-hello-world', 'Active value:'),
+        themeHeader: t('nextcloudapptemplate', 'Theme'),
+        themeLabel: t('nextcloudapptemplate', 'Choose a theme'),
+        themePreview: t('nextcloudapptemplate', 'Active value:'),
 
         // Counter example
-        counterHeader: t('nextcloud-hello-world', 'Counter'),
-        plus: t('nextcloud-hello-world', '+1'),
-        minus: t('nextcloud-hello-world', '-1'),
+        counterHeader: t('nextcloudapptemplate', 'Counter'),
+        plus: t('nextcloudapptemplate', '+1'),
+        minus: t('nextcloudapptemplate', '-1'),
 
         // Items table
-        newItemLabel: t('nextcloud-hello-world', 'New item'),
-        newItemPlaceholder: t('nextcloud-hello-world', 'e.g. Hello item'),
-        add: t('nextcloud-hello-world', 'Add'),
-        clear: t('nextcloud-hello-world', 'Clear'),
-        tableItem: t('nextcloud-hello-world', 'Item'),
-        tableActions: t('nextcloud-hello-world', 'Actions'),
-        editItemAria: t('nextcloud-hello-world', 'Edit item'),
-        duplicate: t('nextcloud-hello-world', 'Duplicate'),
-        remove: t('nextcloud-hello-world', 'Remove'),
-        noItems: t('nextcloud-hello-world', 'No items yet'),
+        newItemLabel: t('nextcloudapptemplate', 'New item'),
+        newItemPlaceholder: t('nextcloudapptemplate', 'e.g. Hello item'),
+        add: t('nextcloudapptemplate', 'Add'),
+        clear: t('nextcloudapptemplate', 'Clear'),
+        tableItem: t('nextcloudapptemplate', 'Item'),
+        tableActions: t('nextcloudapptemplate', 'Actions'),
+        editItemAria: t('nextcloudapptemplate', 'Edit item'),
+        duplicate: t('nextcloudapptemplate', 'Duplicate'),
+        remove: t('nextcloudapptemplate', 'Remove'),
+        noItems: t('nextcloudapptemplate', 'No items yet'),
 
         // Backend
-        fetchHello: t('nextcloud-hello-world', 'Fetch Hello'),
-        save: t('nextcloud-hello-world', 'Save'),
-        loading: t('nextcloud-hello-world', 'Loading…'),
-        lastHelloAt: t('nextcloud-hello-world', 'Last hello at:'),
-        never: t('nextcloud-hello-world', 'Never'),
-        serverSaid: t('nextcloud-hello-world', 'Server said:'),
+        fetchHello: t('nextcloudapptemplate', 'Fetch Hello'),
+        save: t('nextcloudapptemplate', 'Save'),
+        loading: t('nextcloudapptemplate', 'Loading…'),
+        lastHelloAt: t('nextcloudapptemplate', 'Last hello at:'),
+        never: t('nextcloudapptemplate', 'Never'),
+        serverSaid: t('nextcloudapptemplate', 'Server said:'),
       },
     }
   },
@@ -361,7 +361,7 @@ function cryptoRandom() {
 </script>
 
 <style scoped lang="scss">
-#nextcloud-hello-world-content {
+#nextcloudapptemplate-content {
   h2:first-child {
     margin-top: 0;
   }
diff --git a/src/views/AppView.vue b/src/views/AppView.vue
index 81088ed..ac03d2d 100644
--- a/src/views/AppView.vue
+++ b/src/views/AppView.vue
@@ -163,10 +163,10 @@ export default {
       name: '',
       themeLabel: null,
       themeOptions: [
-        { label: t('nextcloud-hello-world', 'Light'), value: 'light' },
-        { label: t('nextcloud-hello-world', 'Dark'), value: 'dark' },
+        { label: t('nextcloudapptemplate', 'Light'), value: 'light' },
+        { label: t('nextcloudapptemplate', 'Dark'), value: 'dark' },
         {
-          label: n('nextcloud-hello-world', 'System (1 option)', 'System (%n options)', 2),
+          label: n('nextcloudapptemplate', 'System (1 option)', 'System (%n options)', 2),
           value: 'system',
         },
       ],
@@ -176,15 +176,15 @@ export default {
 
       strings: {
         // Toolbar
-        searchLabel: t('nextcloud-hello-world', 'Search'),
-        searchPlaceholder: t('nextcloud-hello-world', 'Filter messages…'),
-        refresh: t('nextcloud-hello-world', 'Refresh'),
-        showForm: t('nextcloud-hello-world', 'Show form'),
-        hideForm: t('nextcloud-hello-world', 'Hide form'),
+        searchLabel: t('nextcloudapptemplate', 'Search'),
+        searchPlaceholder: t('nextcloudapptemplate', 'Filter messages…'),
+        refresh: t('nextcloudapptemplate', 'Refresh'),
+        showForm: t('nextcloudapptemplate', 'Show form'),
+        hideForm: t('nextcloudapptemplate', 'Hide form'),
 
         // Info
         quickHelp: t(
-          'nextcloud-hello-world',
+          'nextcloudapptemplate',
           'Use the form to post a hello. The list shows recent hellos fetched from the server. All user-visible text is centralized in {cStart}strings{cEnd}.',
           { cStart: '<code>', cEnd: '</code>' },
           undefined,
@@ -192,26 +192,26 @@ export default {
         ),
 
         // Form
-        formHeader: t('nextcloud-hello-world', 'Say hello'),
-        nameInputLabel: t('nextcloud-hello-world', 'Name'),
-        nameInputPlaceholder: t('nextcloud-hello-world', 'e.g. Ada'),
-        themeLabel: t('nextcloud-hello-world', 'Theme'),
-        add: t('nextcloud-hello-world', 'Add'),
-        clear: t('nextcloud-hello-world', 'Clear'),
-        livePreview: t('nextcloud-hello-world', 'Preview:'),
+        formHeader: t('nextcloudapptemplate', 'Say hello'),
+        nameInputLabel: t('nextcloudapptemplate', 'Name'),
+        nameInputPlaceholder: t('nextcloudapptemplate', 'e.g. Ada'),
+        themeLabel: t('nextcloudapptemplate', 'Theme'),
+        add: t('nextcloudapptemplate', 'Add'),
+        clear: t('nextcloudapptemplate', 'Clear'),
+        livePreview: t('nextcloudapptemplate', 'Preview:'),
 
         // List
-        loading: t('nextcloud-hello-world', 'Loading…'),
-        emptyTitle: t('nextcloud-hello-world', 'No hellos yet'),
-        emptyDesc: t('nextcloud-hello-world', 'Try adding one using the form above.'),
-        addExample: t('nextcloud-hello-world', 'Add example'),
-        colMessage: t('nextcloud-hello-world', 'Message'),
-        colAt: t('nextcloud-hello-world', 'Time'),
-        colActions: t('nextcloud-hello-world', 'Actions'),
-        duplicate: t('nextcloud-hello-world', 'Duplicate'),
-        remove: t('nextcloud-hello-world', 'Remove'),
-        clearAll: t('nextcloud-hello-world', 'Clear all'),
-        never: t('nextcloud-hello-world', 'Never'),
+        loading: t('nextcloudapptemplate', 'Loading…'),
+        emptyTitle: t('nextcloudapptemplate', 'No hellos yet'),
+        emptyDesc: t('nextcloudapptemplate', 'Try adding one using the form above.'),
+        addExample: t('nextcloudapptemplate', 'Add example'),
+        colMessage: t('nextcloudapptemplate', 'Message'),
+        colAt: t('nextcloudapptemplate', 'Time'),
+        colActions: t('nextcloudapptemplate', 'Actions'),
+        duplicate: t('nextcloudapptemplate', 'Duplicate'),
+        remove: t('nextcloudapptemplate', 'Remove'),
+        clearAll: t('nextcloudapptemplate', 'Clear all'),
+        never: t('nextcloudapptemplate', 'Never'),
       },
     }
   },