feat(cli): add barrel template to new command

packages/docs/src/routes/docs/(qwikcity)/project-structure/index.mdx

@@ -86,7 +86,7 @@ Qwik uses Vite to build the project. The `vite.config.ts` file contains the Vite
 
 ## Utilities
 
-Qwik has a utility command called `new` that allows developers to easily create new components and routes. 
+Qwik has a utility command called `new` that allows developers to easily create new components and routes.
 
 Let's say you wanted to create a new component called `Button`, you would run the command:
 ```tsx
@@ -113,7 +113,7 @@ qwik-app-demo
 │   │   └── router-head
 │   │       └── router-head.tsx
 │   │       Button
-│   │       └── index.tsx  
+│   │       └── button.tsx
 │   ├── entry.ssr.tsx
 │   ├── global.css
 │   ├── root.tsx
@@ -130,4 +130,19 @@ qwik-app-demo
 └── vite.config.ts
 ```
 
+If you prefer to generate the `Button` component with the `Button/index.tsx` naming convention, you can could use the command:
+```tsx
+pnpm qwik new --barrel Button
+```
+
+In that case, the `src/components` folder would look like this:
+```bash
+src
+│   ├── components
+│   │   └── router-head
+│   │       └── router-head.tsx
+│   │       Button
+│   │       └── index.tsx
+```
+
 > This feature was added in Qwik v1.2, and those using an older version will not see this functionality.

starters/templates/barrel/component/index.tsx.template

@@ -0,0 +1,13 @@
+import { component$ } from '@builder.io/qwik';
+
+export interface [name]Props {
+
+}
+
+export const [name] = component$<[name]Props>((props) => {
+  return (
+    <div>
+      [name] component works!
+    </div>
+  );
+});

starters/templates/barrel/markdown/index.md.template

@@ -0,0 +1,5 @@
+---
+title: New Route
+---
+
+New route works.

starters/templates/barrel/mdx/index.mdx.template

@@ -0,0 +1,5 @@
+---
+title: New Route
+---
+
+New route works.

starters/templates/barrel/route/index.tsx.template

@@ -0,0 +1,9 @@
+import { component$ } from '@builder.io/qwik';
+
+export default component$(() => {
+  return (
+    <div>
+      New route works.
+    </div>
+  );
+});