INIT: initial commit

Added some initial files, components, functionality

app/components/Pp/Footer.vue

@@ -0,0 +1,7 @@
+<template>
+  <div>THIS IS A FOOTER</div>
+</template>
+
+<script setup lang="ts">
+
+</script>

app/components/Pp/FormInput.vue

@@ -0,0 +1,26 @@
+<template>
+  <div class="Input">
+    <input :type="type" :id="makeId()" placeholder=" " min="1" :max="max" />
+    <label :for="makeId()">{{ label }}</label>
+  </div>
+</template>
+
+<script setup lang="ts">
+type Props = {
+  type ?: 'text' | 'number'
+  max ?: number
+  label : string
+  id : string
+  uid : number
+}
+
+const {
+  type = 'text',
+  max = 10,
+  label,
+  id,
+  uid,
+} = defineProps<Props>()
+
+const makeId = () => `${id}_${uid}`
+</script>

app/components/Pp/Header.vue

@@ -0,0 +1,22 @@
+<template>
+  <header class="Header">
+    <strong><span>Pro</span>Papier</strong>
+    <label for="burger_nav_toggle">
+      <Icon name="solar:hamburger-menu-broken" size="2em" />
+    </label>
+    <input type="checkbox" id="burger_nav_toggle" />
+    <nav>
+      <label for="burger_nav_toggle">
+        <Icon name="solar:close-circle-broken" />
+      </label>
+      <ul>
+        <li>Home</li>
+        <li>Übersicht</li>
+      </ul>
+    </nav>
+  </header>
+</template>
+
+<script setup lang="ts">
+
+</script>

app/components/Pp/PriceCard.vue

@@ -0,0 +1,21 @@
+<template>
+  <form class="PriceCard">
+    <div class="wrapper">
+      <PpFormInput label="Name" id="n" :uid="uid" type="text" />
+      <PpFormInput label="Preis" id="p" :uid="uid" type="number" />
+    </div>
+    <div class="wrapper">
+      <PpFormInput label="Rollen" id="r" :uid="uid" type="number" />
+      <PpFormInput label="Blätter" id="b" :uid="uid" type="number" />
+      <PpFormInput label="Lagen" id="l" :uid="uid" type="number" />
+    </div>
+  </form>
+</template>
+
+<script setup lang="ts">
+type Props = {
+  uid: number
+}
+
+const { uid } = defineProps<Props>()
+</script>