=erster versuche für eine sehr simple suche

src/views/Search.vue

@@ -25,6 +25,32 @@
     >
       Bei der Suche ist ein Fehler aufgetreten
     </div>
+    <div v-if="!searchResults">Keine Suchergebnisse Gefunden</div>
+    <div v-else>
+      <div class="row">
+        <div class="col-4 p-2" v-for="result in searchResults" :key="result.user_id">
+          <router-link :to="{ path: `/s/profile/${result.user_id}` }">
+            <div class="card">
+              <div class="card-body">
+                <h5 class="card-title">
+                  {{ result.nickname
+                  }}<span v-if="result.pronouns"> ({{ result.pronouns }})</span>
+                </h5>
+                <h6 class="card-subtitle mb-2 text-muted">Card subtitle</h6>
+                <p class="card-text" v-if="result.skills">
+                  Fähigkeiten:
+                  <span
+                    v-for="skill in result.skills"
+                    :key="skill.skill.name"
+                    >{{ skill.skill.name }} </span
+                  >
+                </p>
+              </div>
+            </div>
+          </router-link>
+        </div>
+      </div>
+    </div>
   </div>
 </template>
 <script>
@@ -35,6 +61,7 @@ export default {
     return {
       showErrorMessage: false,
       searchText: "",
+      searchResults: null,
     };
   },
   methods: {
@@ -51,6 +78,13 @@ export default {
         );
         console.log(result)
 
+        this.searchResults = [
+          {"nickname": "peternichtlustig","user_id": 1,"skills": [ { "level": 5, "profile_id": 1, "skill": { "icon_url": "/skills/1/icon", "id": 1, "name": "PHP" } }, { "level": 3, "profile_id": 1, "skill": { "icon_url": "/skills/3/icon", "id": 3, "name": "Python" } } ],},
+          {"nickname": "Petra","user_id": 3,"skills": [  { "level": 3, "profile_id": 1, "skill": { "icon_url": "/skills/3/icon", "id": 3, "name": "Python" } } ],},
+          {"nickname": "Paul","user_id": 4,"skills": [ { "level": 5, "profile_id": 1, "skill": { "icon_url": "/skills/1/icon", "id": 1, "name": "PHP" }  } ],},
+          {"nickname": "Keine Skills Sebastian","user_id": 5,}
+        ]
+       
       } catch (error) {
         console.error(error);
         this.showErrorMessage = true;