diff --git a/appinfo/info.xml b/appinfo/info.xml
index 667792a..d43ea62 100644
--- a/appinfo/info.xml
+++ b/appinfo/info.xml
@@ -1,7 +1,7 @@
 <?xml version="1.0"?>
 <info xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
 	  xsi:noNamespaceSchemaLocation="https://apps.nextcloud.com/schema/apps/info.xsd">
-	<id>app-template</id>
+	<id>app_template</id>
 	<name>App Template</name>
 	<summary>An example summary</summary>
 	<description>An example description</description>
@@ -16,9 +16,9 @@
 	</dependencies>
 	<navigations>
 		<navigation>
-			<id>app-template</id>
+			<id>app_template</id>
 			<name>App Template</name>
-			<route>app-template.page.index</route>
+			<route>app_template.page.index</route>
 			<icon>app.svg</icon>
 			<type>link</type>
 		</navigation>
diff --git a/composer.json b/composer.json
index f5adf5b..f77f649 100644
--- a/composer.json
+++ b/composer.json
@@ -1,5 +1,5 @@
 {
-	"name": "nextcloud/app-template",
+	"name": "nextcloud/app_template",
 	"description": "An example description",
 	"license": "AGPL-3.0-or-later",
 	"authors": [
diff --git a/lib/AppInfo/Application.php b/lib/AppInfo/Application.php
index fefdccd..94bb1df 100644
--- a/lib/AppInfo/Application.php
+++ b/lib/AppInfo/Application.php
@@ -10,7 +10,7 @@ use OCP\AppFramework\Bootstrap\IBootstrap;
 use OCP\AppFramework\Bootstrap\IRegistrationContext;
 
 class Application extends App implements IBootstrap {
-	public const APP_ID = 'app-template';
+	public const APP_ID = 'app_template';
 
 	/** @psalm-suppress PossiblyUnusedMethod */
 	public function __construct() {
diff --git a/openapi.json b/openapi.json
index b1b8353..1844d50 100644
--- a/openapi.json
+++ b/openapi.json
@@ -1,7 +1,7 @@
 {
     "openapi": "3.0.3",
     "info": {
-        "title": "app-template",
+        "title": "app_template",
         "version": "0.0.1",
         "description": "An example summary",
         "license": {
@@ -47,7 +47,7 @@
         }
     },
     "paths": {
-        "/ocs/v2.php/apps/app-template/api": {
+        "/ocs/v2.php/apps/app_template/api": {
             "get": {
                 "operationId": "api-index",
                 "summary": "An example API endpoint",
diff --git a/package-lock.json b/package-lock.json
index 2751354..a08649c 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,11 +1,11 @@
 {
-  "name": "app-template",
+  "name": "app_template",
   "version": "1.0.0",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
-      "name": "app-template",
+      "name": "app_template",
       "version": "1.0.0",
       "license": "AGPL-3.0-or-later",
       "dependencies": {
diff --git a/package.json b/package.json
index 3a68e1c..5c9069d 100644
--- a/package.json
+++ b/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "app-template",
+  "name": "app_template",
   "version": "1.0.0",
   "license": "AGPL-3.0-or-later",
   "engines": {
diff --git a/src/App.vue b/src/App.vue
index 46a906a..e579eba 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,6 +1,6 @@
 <template>
 	<NcAppContent>
-		<div id="app-template">
+		<div id="app_template">
 			<h1>Hello world!</h1>
 		</div>
 	</NcAppContent>
@@ -18,7 +18,7 @@ export default {
 </script>
 
 <style scoped lang="scss">
-#app-template {
+#app_template {
 	display: flex;
 	justify-content: center;
 	margin: 16px;
diff --git a/src/main.js b/src/main.js
index fb592a7..f5e67be 100644
--- a/src/main.js
+++ b/src/main.js
@@ -3,4 +3,4 @@ import App from './App.vue'
 Vue.mixin({ methods: { t, n } })
 
 const View = Vue.extend(App)
-new View().$mount('#app-template')
+new View().$mount('#app_template')
diff --git a/templates/index.php b/templates/index.php
index 8df70db..cc56d93 100644
--- a/templates/index.php
+++ b/templates/index.php
@@ -8,4 +8,4 @@ Util::addScript(OCA\AppTemplate\AppInfo\Application::APP_ID, 'main');
 
 ?>
 
-<div id="app-template"></div>
+<div id="app_template"></div>