encore_entry_link_tags allows to use <style scoped> in vue files

src/Bundle/ChillPersonBundle/Resources/public/vuejs/_components/AddPersons/PersonSuggestion.vue

@@ -7,7 +7,7 @@
                v-model="selected"
                name="item"
                v-bind:id="item"
-               v-bind:value="setValueIfType(item, type)" />
+               v-bind:value="setValueByType(item, type)" />
          </div>
             
          <suggestion-person 
@@ -54,9 +54,48 @@ export default {
       },
    },
    methods: {
-      setValueIfType(value, type) {
+      setValueByType(value, type) {
          return (type === 'radio')? [value] : value;
       }
    }
 };
 </script>
+
+<style lang="scss">
+   div.results {   
+      div.list-item {
+         padding: 0.4em 0.8em;
+         display: flex;
+         flex-direction: row;
+         &.checked {
+            background-color: #ececec;
+            border-bottom: 1px dotted #8b8b8b;
+         }
+         div.container {
+            & > input {
+               margin-right: 0.8em;
+            }
+            span:not(.name) {
+               margin-left: 0.5em;
+               opacity: 0.5;
+               font-size: 90%;
+               font-style: italic;
+            }
+         }
+         div.right_actions {
+            margin: 0 0 0 auto;
+            display: flex;
+            align-items: flex-end;
+            & > * {
+               margin-left: 0.5em;
+               align-self: baseline;
+            }
+            a.sc-button {
+               border: 1px solid lightgrey;
+               font-size: 70%;
+               padding: 4px;
+            } 
+         }
+      }
+   }
+</style>