bak

src/components/AssetSidebar.vue

@@ -51,6 +51,20 @@ function addSampleCircle() {
   store.addLayer(asset.id)
 }
 
+function addSampleText() {
+  const input = prompt('Text?', 'Hallo')
+  if (input === null) return
+  const text = input.trim() || 'Text'
+  const asset = store.addAsset({
+    kind: 'text',
+    name: text.length > 24 ? text.slice(0, 24) + '…' : text,
+    text,
+    fontSize: 48,
+    fill: '#f5d76e',
+  })
+  store.addLayer(asset.id)
+}
+
 async function handleFileSelected(event: Event) {
   uploadError.value = null
   const input = event.target as HTMLInputElement
@@ -154,6 +168,10 @@ function circlePreviewStyle(asset: Extract<Asset, { kind: 'circle' }>) {
         <PhCircle :size="14" />
         Circle
       </button>
+      <button class="shape-btn" @click="addSampleText">
+        <PhTextT :size="14" />
+        Text
+      </button>
     </div>
 
     <input