encore_entry_link_tags allows to use <style scoped> in vue files

This commit is contained in:
2021-05-19 13:41:51 +02:00
parent 242c77a30c
commit b018a50a7e
7 changed files with 188 additions and 175 deletions

View File

@@ -12,7 +12,6 @@
<script>
import { mapState } from 'vuex'
import AccompanyingCourse from './components/AccompanyingCourse.vue';
import PersonsAssociated from './components/PersonsAssociated.vue';
import Requestor from './components/Requestor.vue';
@@ -41,3 +40,24 @@ export default {
])
};
</script>
<style lang="scss" scoped>
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;
}
}
</style>