create-qwik 0.103.0-dev20230421164933 → 0.103.0-dev20230425141617

package/starters/apps/basic/src/routes/demo/todolist/index.tsx

@@ -1,73 +0,0 @@
-import { component$ } from '@builder.io/qwik';
-import {
-  type DocumentHead,
-  routeLoader$,
-  routeAction$,
-  zod$,
-  z,
-  Form,
-} from '@builder.io/qwik-city';
-import styles from './todolist.module.css';
-
-interface ListItem {
-  text: string;
-}
-
-export const list: ListItem[] = [];
-
-export const useListLoader = routeLoader$(() => {
-  return list;
-});
-
-export const useAddToListAction = routeAction$(
-  (item) => {
-    list.push(item);
-    return {
-      success: true,
-    };
-  },
-  zod$({
-    text: z.string().trim().min(1),
-  })
-);
-
-export default component$(() => {
-  const list = useListLoader();
-  const action = useAddToListAction();
-
-  return (
-    <>
-      <div class="section">
-        <div class="container center">
-          <h1 class="hero">TODO List</h1>
-        </div>
-      </div>
-
-      <div class="section bright">
-        <div class="container center mh-300">
-          {(list.value.length && (
-            <ul class={styles.list}>
-              {list.value.map((item, index) => (
-                <li key={`items-${index}`}>{item.text}</li>
-              ))}
-            </ul>
-          )) || <span class="no-content">No items found</span>}
-        </div>
-      </div>
-
-      <div class="section">
-        <div class="container center">
-          <Form action={action} spaReset>
-            <input type="text" name="text" required /> <button type="submit">Add item</button>
-          </Form>
-
-          <p class={styles.hint}>PS: This little app works even when JavaScript is disabled.</p>
-        </div>
-      </div>
-    </>
-  );
-});
-
-export const head: DocumentHead = {
-  title: 'Qwik Todo List',
-};

package/starters/apps/basic/src/routes/demo/todolist/todolist.module.css

@@ -1,13 +0,0 @@
-.list {
-  display: flex;
-  flex-direction: column;
-  gap: 20px;
-}
-
-.list li {
-  list-style: none;
-}
-
-.hint {
-  font-size: 0.8rem;
-}

package/starters/apps/basic/src/routes/index.tsx

@@ -1,117 +0,0 @@
-import { component$ } from '@builder.io/qwik';
-import type { DocumentHead } from '@builder.io/qwik-city';
-
-import Counter from '~/components/starter/counter/counter';
-import Hero from '~/components/starter/hero/hero';
-import Infobox from '~/components/starter/infobox/infobox';
-import Starter from '~/components/starter/next-steps/next-steps';
-
-export default component$(() => {
-  return (
-    <>
-      <Hero />
-
-      <div class="section bright">
-        <div class="container center">
-          <Starter />
-        </div>
-      </div>
-
-      <div class="section">
-        <div class="container center">
-          <h3>
-            You can <b>count</b> on me
-          </h3>
-          <Counter />
-        </div>
-      </div>
-
-      <div class="section">
-        <div class="container topics">
-          <Infobox>
-            <div q:slot="title" class="icon icon-cli">
-              CLI Commands
-            </div>
-            <>
-              <p>
-                <code>npm run dev</code>
-                <br />
-                Starts the development server and watches for changes
-              </p>
-              <p>
-                <code>npm run preview</code>
-                <br />
-                Creates production build and starts a server to preview it
-              </p>
-              <p>
-                <code>npm run build</code>
-                <br />
-                Creates production build
-              </p>
-              <p>
-                <code>npm run qwik add</code>
-                <br />
-                Runs the qwik CLI to add integrations
-              </p>
-            </>
-          </Infobox>
-
-          <div>
-            <Infobox>
-              <div q:slot="title" class="icon icon-apps">
-                Example Apps
-              </div>
-              <p>
-                Have a look at the <a href="/demo/flower">Flower App</a> or the{' '}
-                <a href="/demo/todolist">Todo App</a>.
-              </p>
-            </Infobox>
-
-            <Infobox>
-              <div q:slot="title" class="icon icon-community">
-                Community
-              </div>
-              <ul>
-                <li>
-                  <span>Questions or just want to say hi? </span>
-                  <a href="https://qwik.builder.io/chat" target="_blank">
-                    Chat on discord!
-                  </a>
-                </li>
-                <li>
-                  <span>Follow </span>
-                  <a href="https://twitter.com/QwikDev" target="_blank">
-                    @QwikDev
-                  </a>
-                  <span> on Twitter</span>
-                </li>
-                <li>
-                  <span>Open issues and contribute on </span>
-                  <a href="https://github.com/BuilderIO/qwik" target="_blank">
-                    GitHub
-                  </a>
-                </li>
-                <li>
-                  <span>Watch </span>
-                  <a href="https://qwik.builder.io/media/" target="_blank">
-                    Presentations, Podcasts, Videos, etc.
-                  </a>
-                </li>
-              </ul>
-            </Infobox>
-          </div>
-        </div>
-      </div>
-    </>
-  );
-});
-
-export const head: DocumentHead = {
-  title: 'Welcome to Qwik',
-  meta: [
-    {
-      name: 'description',
-      content: 'Qwik site description',
-    },
-  ],
-};