feat: added propper naming convention for backend layouts (issue #46)

lib/templates/lib/layouts.js

@@ -7,13 +7,20 @@
 function getBackendLayout(components, layout) {
   const backendLayout = 'default'
   if (layout && layout.length) {
+    const layoutNameCamelCase = layout.replace(/_([a-z])/g, g => {
+      return g[1].toUpperCase()
+    })
+
     if (
       Object.prototype.hasOwnProperty.call(
         components,
-        `Be${layout[0].toUpperCase()}${layout.slice(1)}`
+        `Be${layoutNameCamelCase[0].toUpperCase() +
+          layoutNameCamelCase.slice(1)}`
       )
     ) {
-      return layout
+      // backendLayout names from TYPO3 coming in form of my_backend_layout,
+      // by replacing the underscores we make sure the tag is generated as be-my-backend-layout
+      return layout.replace(/_/g, '-')
     }
   }
   return backendLayout