bak

src/components/PropertiesPanel.vue

@@ -5,6 +5,7 @@ import { useSceneStore } from '@/stores/scene'
 import { sampleLayer } from '@/lib/interpolate'
 import type { AnimatableProps } from '@/types/scene'
 import RangeSlider from './RangeSlider.vue'
+import { t } from '@/i18n'
 
 const formatPercent = (v: number) => `${Math.round(v * 100)}%`
 
@@ -86,10 +87,10 @@ function removeKeyframeHere() {
       <div class="kf-row" :class="{ on: hasKeyframeHere }">
         <PhDiamond :size="11" :weight="hasKeyframeHere ? 'fill' : 'regular'" class="kf-dot" />
         <span class="kf-label">
-          {{ hasKeyframeHere ? 'Keyframe' : 'Interpoliert' }}
+          {{ hasKeyframeHere ? t('properties.keyframeLabel') : t('properties.interpolated') }}
           <span class="kf-time">@ {{ store.playhead.toFixed(2) }}s</span>
         </span>
-        <button v-if="hasKeyframeHere" class="kf-btn" title="Keyframe hier löschen" @click="removeKeyframeHere">
+        <button v-if="hasKeyframeHere" class="kf-btn" :title="t('properties.removeKeyframe')" @click="removeKeyframeHere">
           <PhX :size="12" weight="bold" />
         </button>
       </div>
@@ -121,10 +122,10 @@ function removeKeyframeHere() {
 
       <button class="danger-btn" @click="store.removeLayer(selected.id)">
         <PhTrash :size="13" />
-        Layer löschen
+        {{ t('properties.deleteLayer') }}
       </button>
     </template>
-    <p v-else class="hint">Kein Layer ausgewählt.</p>
+    <p v-else class="hint">{{ t('properties.noLayer') }}</p>
   </div>
 </template>