update npm packages

Co-authored-by: scammo <samuel.brinkmann@googlemail.com>
Reviewed-on: kompetenzinventar/ki-frontend#72
Reviewed-by: weeman <weeman@noreply.git.wtf-eg.de>
Co-authored-by: scammo <scammo@noreply.git.wtf-eg.de>
Co-committed-by: scammo <scammo@noreply.git.wtf-eg.de>

package.json

@@ -7,10 +7,10 @@
     "lint": "vue-cli-service lint"
   },
   "devDependencies": {
-    "@vue/cli-plugin-babel": "~4.5.0",
-    "@vue/cli-plugin-eslint": "~4.5.0",
-    "@vue/cli-plugin-router": "~4.5.0",
-    "@vue/cli-service": "~4.5.0",
+    "@vue/cli-plugin-babel": "^4.5.0",
+    "@vue/cli-plugin-eslint": "^4.5.0",
+    "@vue/cli-plugin-router": "^4.5.0",
+    "@vue/cli-service": "^4.5.0",
     "@vue/compiler-sfc": "^3.0.0",
     "babel-eslint": "^10.1.0",
     "bootstrap": "^5.0.1",

src/views/profile/Edit.vue

@@ -115,11 +115,11 @@ SPDX-License-Identifier: AGPL-3.0-or-later
           </template>
       </Section>
 
-        <Section title="Ich suche">
+        <Section title="Ich suche für mich Projekte/Aufträge in folgenden Bereichen">
           <template v-slot:card-body>
             <auto-complete
               type="skill"
-              label="Ich suche"
+              label="Ich suche für mich Projekte/Aufträge in folgenden Bereichen"
               :values="profile.searchtopics"
               :showSecondary="false"
               placeholder="z.B. Python, JavaScript, Linux"

src/views/profile/View.vue

@@ -31,7 +31,7 @@ SPDX-License-Identifier: AGPL-3.0-or-later
 
       <Section
         v-if="profile.searchtopics && profile.searchtopics.length > 0"
-        title="Das suche ich">
+        title="Ich suche für mich Projekte/Aufträge in folgenden Bereichen">
         <div style="margin-bottom: -.5rem;">
           <Skill
             class="me-2 mb-2"
@@ -75,7 +75,7 @@ SPDX-License-Identifier: AGPL-3.0-or-later
           <label class="form-label fw-bold">
             Anmerkungen
           </label>
-          <div>{{ profile.availability_text }}</div>
+          <div class="line-break-text">{{ profile.availability_text }}</div>
         </div>
       </Section>
 
@@ -98,11 +98,11 @@ SPDX-License-Identifier: AGPL-3.0-or-later
         title="Sonstiges">
         <div v-if="profile.freetext" :class="{ 'lh-base': true, 'mb-4': profile.volunteerwork }">
           <h5>Über mich</h5>
-          {{ profile.freetext }}
+           <div class="line-break-text">{{ profile.freetext }}</div>
         </div>
         <div v-if="profile.volunteerwork" class="lh-base">
           <h5>Ehrenamtliche Arbeit</h5>
-          {{ profile.volunteerwork }}
+          <div class="line-break-text">{{ profile.volunteerwork }}</div>
         </div>
       </Section>
     </template>
@@ -154,4 +154,7 @@ export default {
 </script>
 
 <style>
+.line-break-text{
+  white-space: pre-line;
+}
 </style>