PIX-17 Translate comments from Italian to English in ColorSelector.vue, defaultPalette.ts, and PlayView.vue.

Author: matteosusca

client/src/components/editor/ColorSelector.vue

@@ -3,7 +3,7 @@ import { useEditorStore } from '@/stores/editor.store';
 import { storeToRefs } from 'pinia';
 
 const store = useEditorStore();
-// storeToRefs mantiene la reattività di palette e selectedColorIndex
+
 const { palette, selectedColorIndex } = storeToRefs(store);
 
 const selectColor = (index: number) => {

client/src/config/defaultPalette.ts

@@ -1,18 +1,18 @@
 export const defaultPalette: string[] = [
-  '#FFFFFF', // 0: Bianco
-  '#000000', // 1: Nero
-  '#1D2B53', // 2: Blu Notte
-  '#7E2553', // 3: Vinaccia
-  '#008751', // 4: Verde Muschio
-  '#AB5236', // 5: Marrone
-  '#5F574F', // 6: Grigio Scuro
-  '#C2C3C7', // 7: Grigio Chiaro
-  '#FFF1E8', // 8: Bianco Panna
-  '#FF004D', // 9: Rosso
-  '#FFA300', // 10: Arancione
-  '#FFEC27', // 11: Giallo
-  '#00E436', // 12: Verde Lime
-  '#29ADFF', // 13: Blu Cielo
-  '#83769C', // 14: Indaco
-  '#FF77A8', // 15: Rosa
+  '#FFFFFF', // 0: White
+  '#000000', // 1: Black
+  '#1D2B53', // 2: Midnight Blue
+  '#7E2553', // 3: Burgundy
+  '#008751', // 4: Moss Green
+  '#AB5236', // 5: Brown
+  '#5F574F', // 6: Dark Gray
+  '#C2C3C7', // 7: Light Gray
+  '#FFF1E8', // 8: Cream
+  '#FF004D', // 9: Red
+  '#FFA300', // 10: Orange
+  '#FFEC27', // 11: Yellow
+  '#00E436', // 12: Lime Green
+  '#29ADFF', // 13: Sky Blue
+  '#83769C', // 14: Indigo
+  '#FF77A8', // 15: Pink
 ];

client/src/views/PlayView.vue

@@ -9,10 +9,10 @@ import ColorSelector from '@/components/editor/ColorSelector.vue';
 const store = useEditorStore();
 const { width, height, pixels, palette, selectedColorIndex } = storeToRefs(store);
 
-// Ref per chiamare updatePixel
+// Ref to call updatePixel
 const canvasRef = ref<InstanceType<typeof PixelCanvas> | null>(null);
 
-// Logica di aggiornamento (Click -> Store -> Ridisegna 1 pixel)
+// Update logic (Click -> Store -> Redraw 1 pixel)
 const onPixelClick = ({ x, y }: { x: number, y: number }) => {
   store.setPixel(x, y);
   canvasRef.value?.updatePixel(x, y, selectedColorIndex.value);
@@ -41,7 +41,7 @@ const onPixelClick = ({ x, y }: { x: number, y: number }) => {
 
 <style scoped>
 main {
-  /* Layout a colonna semplicissimo */
+  /* Simple column layout */
   display: flex;
   flex-direction: column;
   align-items: center;