Rename /deep/ to ::v-deep since we use dart-sass now

Signed-off-by: Thomas Citharel <tcit@tcit.fr>

js/src/views/About/Glossary.vue

@@ -80,7 +80,7 @@ export default class Glossary extends Vue {
 </script>
 
 <style lang="scss" scoped>
-/deep/ dt {
+::v-deep dt {
   font-weight: bold;
 }
 </style>

js/src/views/About/Privacy.vue

@@ -54,11 +54,11 @@ export default class Privacy extends Vue {
 main > .container {
   background: $white;
 
-  /deep/ dt {
+  ::v-deep dt {
     font-weight: bold;
   }
 }
-.content /deep/ li {
+.content ::v-deep li {
   margin-bottom: 1rem;
 }
 </style>

js/src/views/About/Rules.vue

@@ -30,7 +30,7 @@ export default class Rules extends Vue {
 main > .container {
   background: $white;
 }
-.content /deep/ li {
+.content ::v-deep li {
   margin-bottom: 1rem;
 }
 </style>

js/src/views/About/Terms.vue

@@ -51,7 +51,7 @@ export default class Terms extends Vue {
 }
 </script>
 <style lang="scss" scoped>
-.content /deep/ li {
+.content ::v-deep li {
   margin-bottom: 1rem;
 }
 </style>

js/src/views/Event/Edit.vue

@@ -280,7 +280,7 @@ main section > .container {
 }
 
 .save__navbar {
-  /deep/ .navbar-menu,
+  ::v-deep .navbar-menu,
   .navbar-end {
     flex-wrap: wrap;
   }
@@ -303,7 +303,7 @@ h2.subtitle {
 }
 
 .event__status__field {
-  /deep/ .field.has-addons {
+  ::v-deep .field.has-addons {
     display: flex;
     flex-wrap: wrap;
     justify-content: flex-start;

js/src/views/Event/Event.vue

@@ -1196,33 +1196,33 @@ div.sidebar {
   }
 
   .description-content {
-    /deep/ h1 {
+    ::v-deep h1 {
       font-size: 2rem;
     }
 
-    /deep/ h2 {
+    ::v-deep h2 {
       font-size: 1.5rem;
     }
 
-    /deep/ h3 {
+    ::v-deep h3 {
       font-size: 1.25rem;
     }
 
-    /deep/ ul {
+    ::v-deep ul {
       list-style-type: disc;
     }
 
-    /deep/ li {
+    ::v-deep li {
       margin: 10px auto 10px 2rem;
     }
 
-    /deep/ blockquote {
+    ::v-deep blockquote {
       border-left: 0.2em solid #333;
       display: block;
       padding-left: 1em;
     }
 
-    /deep/ p {
+    ::v-deep p {
       margin: 10px auto;
 
       a {

js/src/views/Group/Group.vue

@@ -722,7 +722,7 @@ div.container {
               height: 5rem;
               width: 5rem;
 
-              /deep/ i.mdi.mdi-account-group.mdi-48px:before {
+              ::v-deep i.mdi.mdi-account-group.mdi-48px:before {
                 font-size: 100px;
               }
             }

js/src/views/Search.vue

@@ -391,7 +391,7 @@ h3.title {
 }
 
 form {
-  /deep/ .field label.label {
+  ::v-deep .field label.label {
     margin-bottom: 0;
   }
 }

js/src/views/Settings/AccountSettings.vue

@@ -328,7 +328,7 @@ export default class AccountSettings extends Vue {
   margin-top: 2rem;
 }
 
-/deep/ .modal .modal-background {
+::v-deep .modal .modal-background {
   background-color: initial;
 }
 </style>

js/src/views/User/Register.vue

@@ -238,7 +238,7 @@ h2.title {
 }
 
 p.create-account {
-  /deep/ button {
+  ::v-deep button {
     margin: 1rem auto 2rem;
   }
 }