diff --git a/gen/command/{{pascalCase name}}.php b/gen/command/{{pascalCase name}}.php
index dddc952..a472cd2 100644
--- a/gen/command/{{pascalCase name}}.php	
+++ b/gen/command/{{pascalCase name}}.php	
@@ -24,7 +24,7 @@ class {{pascalCase name}} extends Command {
 	 */
 	protected function configure(): void {
 		parent::configure();
-		$this->setName('jukebox:{{kebabCase name}}');
+		$this->setName('forum:{{kebabCase name}}');
 	}
 
 	/**
diff --git a/gen/component/{{pascalCase name}}.vue b/gen/component/{{pascalCase name}}.vue
index 04c1c05..71c4aec 100644
--- a/gen/component/{{pascalCase name}}.vue	
+++ b/gen/component/{{pascalCase name}}.vue	
@@ -1,22 +1,19 @@
 <template>
-
   <div>{{ startCase name }}</div>
-
 </template>
 
-<script>
-// import NcComponentExample from '@nextcloud/vue/dist/Components/NcComponentExample.js'
+<script lang="ts">
+import { defineComopnent, type PropType } from 'vue'
+// import NcComponentExample from '@nextcloud/vue/components/NcComponentExample'
 
-//
-// import IconExample from 'vue-material-design-icons/Example.vue'
+// import IconExample from '@icons/Example.vue'
 
-export default {
+export default defineComponent({
   name: '{{pascalCase name}}',
   components: {
     //
   },
-}
+})
 </script>
 
 <style scoped lang="scss"></style>
-
diff --git a/gen/view/{{pascalCase name}}Page.vue b/gen/view/{{pascalCase name}}Page.vue
index fbc4fec..8f05d1b 100644
--- a/gen/view/{{pascalCase name}}Page.vue	
+++ b/gen/view/{{pascalCase name}}Page.vue	
@@ -1,24 +1,23 @@
 <template>
-  <div class="jukebox-{{ kebabCase name }}">{{ startCase name }} Page</div>
+  <div class="forum-{{ kebabCase name }}">{{ startCase name }} Page</div>
 </template>
 
-<script>
+<script lang="ts">
+import { defineComopnent, type PropType } from 'vue'
 // import NcComponentExample from '@nextcloud/vue/components/NcComponentExample'
 
-//
-// import IconExample from 'vue-material-design-icons/Example.vue'
+// import IconExample from '@icons/Example.vue'
 
-export default {
+export default defineComponent({
   name: '{{pascalCase name}}Page',
   components: {
     //
   },
-}
+})
 </script>
 
 <style scoped lang="scss">
-/*
-#jukebox-{{ kebabCase name }} {
+#forum-{{ kebabCase name }} {
+  /* Your styles here */
 }
-*/
 </style>