app/Http/Controllers/.prettierrc

@@ -0,0 +1,4 @@
+{
+  "tabWidth": 2,
+  "useTabs": false
+}

app/Http/Controllers/Admin/.prettierrc

@@ -0,0 +1,4 @@
+{
+  "tabWidth": 2,
+  "useTabs": false
+}

app/Http/Controllers/Admin/MainRoleSkillsController.php

@@ -95,20 +95,29 @@ public function create()
 
   public function store(StoreMainRoleSkills $request)
   {
-    $create = [];
-    foreach ($request['skills'] as $skill) {
-      $create[] = [
-        'main_role_id' => $request['main_role_id'],
-        'skill_id' => $skill['skill_id'],
-        'scored_id' => $skill['scored_id'],
-        'created_at' => now(),
-        'updated_at' => now(),
-      ];
-    }
+    try {
+            $create = [];
+            foreach ($request['skills'] as $skill) {
+                $create[] = [
+                    'main_role_id' => $request['main_role_id'],
+                    'skill_id' => $skill['skill_id'],
+                    'scored_id' => $skill['scored_id'],
+                    'created_at' => now(),
+                    'updated_at' => now(),
+                ];
+            }
 
-    MainRoleSkills::insert($create);
+            MainRoleSkills::insert($create);
 
-    return $this->index();
+            return $this->index();
+
+        } catch (\Illuminate\Database\QueryException $e) {
+            // Si hay error de restricción única
+            if ($e->getCode() === '23000') {
+                return back()->withErrors(['skills' => 'Una o más habilidades ya están asignadas a este rol.']);
+            }
+            throw $e;
+        }
   }
 
   public function update(UpdateMainRoleSkills $request, MainRoleSkills $mainRoleSkills)

database/migrations/2025_07_02_162405_create_main_role_skills_table.php

@@ -17,6 +17,8 @@ public function up(): void
             $table->foreignId('skill_id')->constrained('skills')->onDelete('cascade');
             $table->foreignId('scored_id')->constrained('scores')->onDelete('cascade');
             $table->timestamps();
+
+            $table->unique(['main_role_id', 'skill_id']);
         });
     }
 

resources/js/Components/App/SkillAssignment.vue

@@ -11,7 +11,7 @@ const props = defineProps({
     required: true,
   },
   skills: {
-    type: Array, // Ya filtradas por departamento
+    type: Array,
     required: true,
   },
   scores: {
@@ -35,16 +35,16 @@ const todos = ref([]);
 function addTodo() {
   if (skillId.value && scoredId.value) {
     const selectedSkill = props.skills.find(
-      skill => skill.id === (skillId.value.id || skillId.value)
+      (skill) => skill.id === (skillId.value.id || skillId.value)
     );
     const selectedScore = props.scores.find(
-      score => score.id === (scoredId.value.id || scoredId.value)
+      (score) => score.id === (scoredId.value.id || scoredId.value)
     );
 
     if (selectedSkill && selectedScore) {
       // Verificar que no esté duplicada
       const isDuplicate = todos.value.some(
-        todo => todo.skill_id === selectedSkill.id
+        (todo) => todo.skill_id === selectedSkill.id
       );
 
       if (!isDuplicate) {
@@ -86,9 +86,13 @@ const submitForm = () => {
       <h2 class="text-xl font-semibold mb-2">
         Asignar Habilidades al Rol: {{ selectedMainRole.name }}
       </h2>
-      <p class="text-gray-600">
-        Departamento: {{ selectedDepartment.name }}
-      </p>
+      <p class="text-gray-600">Departamento: {{ selectedDepartment.name }}</p>
+    </div>
+    <div
+      v-if="form.errors.skills"
+      class="bg-red-100 border border-red-400 text-red-700 px-4 py-3 rounded mb-4 mt-4"
+    >
+      {{ form.errors.skills }}
     </div>
 
     <!-- Formulario para agregar habilidades -->
@@ -132,10 +136,14 @@ const submitForm = () => {
     <!-- Lista de habilidades agregadas -->
     <div class="space-y-3 mb-6">
       <template v-for="(todo, index) in todos" :key="index">
-        <div class="flex bg-white items-center justify-between rounded-lg px-4 py-3 border shadow-sm">
+        <div
+          class="flex bg-white items-center justify-between rounded-lg px-4 py-3 border shadow-sm"
+        >
           <div class="flex-1">
             <div class="font-bold text-black">{{ todo.skill_name }}</div>
-            <div class="text-sm text-gray-600">Puntuación: {{ todo.score_alias }}</div>
+            <div class="text-sm text-gray-600">
+              Puntuación: {{ todo.score_alias }}
+            </div>
           </div>
           <button
             @click="removeTodo(index)"
@@ -146,7 +154,10 @@ const submitForm = () => {
         </div>
       </template>
 
-      <div v-if="todos.length === 0" class="text-gray-500 text-center py-8 bg-gray-50 rounded-lg">
+      <div
+        v-if="todos.length === 0"
+        class="text-gray-500 text-center py-8 bg-gray-50 rounded-lg"
+      >
         No hay habilidades agregadas
       </div>
     </div>