bak

src/components/PropertiesPanel.vue

@@ -28,6 +28,11 @@ const selectedAsset = computed(() => {
   return store.scene.assets.find((a) => a.id === selected.value!.assetId) ?? null
 })
 
+const textAsset = computed(() => {
+  const a = selectedAsset.value
+  return a && a.kind === 'text' ? a : null
+})
+
 const canFill = computed(() => {
   const a = selectedAsset.value
   return !!a && (a.kind === 'rect' || a.kind === 'circle' || a.kind === 'text')
@@ -98,6 +103,10 @@ function removeKeyframeHere() {
         <label>Scale Y<input type="number" step="0.1" v-model.number="scaleY" /></label>
       </div>
       <label>Rotation<input type="number" v-model.number="rotation" /></label>
+      <template v-if="textAsset">
+        <label>Text<input type="text" v-model="textAsset.text" /></label>
+        <label>Font Size<input type="number" min="1" v-model.number="textAsset.fontSize" /></label>
+      </template>
       <label v-if="canFill" class="color-label">
         Color
         <div class="color-row">