encore_entry_link_tags allows to use <style scoped> in vue files

src/Bundle/ChillMainBundle/Resources/public/scss/chillmain.scss

@@ -49,148 +49,8 @@ div.subheader {
    }
 }
 
-//// VUEJS ////
-div.vue-component {
-  padding: 1.5em;
-  margin: 2em 0;
-  border: 2px dashed grey;
-  position: relative;
-  &:before {
-    content: "vuejs component";
-    position: absolute;
-    left: 1.5em;
-    top: -0.9em;
-    background-color: white;
-    color: grey;
-    padding: 0 0.3em;
-  }
-  dd { margin-left: 1em; }
-}
-
-//// MODAL ////
-.modal-mask {
-   position: fixed;
-   z-index: 9998;
-   top: 0;
-   left: 0;
-   width: 100%;
-   height: 100%;
-   background-color: rgba(0, 0, 0, 0.75);
-   display: table;
-   transition: opacity 0.3s ease;
-}
-.modal-header .close { // bootstrap classes, override sc-button 0 radius
-   border-top-right-radius: 0.3rem;
-} 
-
-/*
-* The following styles are auto-applied to elements with
-* transition="modal" when their visibility is toggled
-* by Vue.js.
-*
-* You can easily play with the modal transition by editing
-* these styles.
-*/
-.modal-enter {
-   opacity: 0;
-}
-.modal-leave-active {
-   opacity: 0;
-}
-.modal-enter .modal-container,
-.modal-leave-active .modal-container {
-   -webkit-transform: scale(1.1);
-   transform: scale(1.1);
-}
-
-//// AddPersons modal
-div.body-head {
-   overflow-y: unset;
-   div.modal-body:first-child {
-      margin: auto 4em;
-      div.search {
-         position: relative;
-         input { 
-            padding: 1.2em 1.5em 1.2em 2.5em;
-            margin: 1em 0;
-         }
-         i {
-            position: absolute;
-            opacity: 0.5;
-            padding: 0.65em 0;
-            top: 50%; 
-         }
-         i.fa-search {
-            left: 0.5em;
-         }
-         i.fa-times {
-            right: 1em;
-            padding: 0.75em 0;
-            cursor: pointer;
-         }
-      }
-   }
-   div.modal-body:last-child {
-      padding-bottom: 0;
-   }
-}
-div.count {
-   margin: -0.5em 0 0.7em;
-   display: flex;
-   justify-content: space-between;
-   a {
-      cursor: pointer;
-   }
-}
-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;
-         } 
-      }
-   }
-}
+//// à ranger
 .discret {
    color: grey;
    margin-right: 1em;
 }
-
-a.flag-toggle {
-   color: white;
-   padding: 0 10px;
-   cursor: pointer;
-   &:hover {
-      color: white;
-      //border: 1px solid rgba(255,255,255,0.2);
-      text-decoration: underline;
-      border-radius: 20px;
-   }
-}