File tree Expand file tree Collapse file tree 9 files changed +24
-2
lines changed
playground/vue/src-import Expand file tree Collapse file tree 9 files changed +24
-2
lines changed Original file line number Diff line number Diff line change 1+ <style src="/@/src-import/foo.css "></style >
2+ <style src="/@/src-import/bar.css "></style >
13<style src="/@/src-import/style.css " scoped></style >
24<style src="/@/src-import/style2.css " scoped></style >
5+ <style src="/@/src-import/style.css "></style >
6+ <style src="/@/src-import/style2.css "></style >
37<template src="./template.html "></template >
48<script src="./script.ts "></script >
Original file line number Diff line number Diff line change 11import { defineComponent } from 'vue'
22import SrcImportStyle from './srcImportStyle.vue'
33import SrcImportStyle2 from './srcImportStyle2.vue'
4+ import SrcImportScopedStyle from './srcImportScopedStyle.vue'
5+ import SrcImportScopedStyle2 from './srcImportScopedStyle2.vue'
46import SrcImportModuleStyle from './srcImportModuleStyle.vue'
57import SrcImportModuleStyle2 from './srcImportModuleStyle2.vue'
68
79export default defineComponent ( {
810 components : {
911 SrcImportStyle,
1012 SrcImportStyle2,
13+ SrcImportScopedStyle,
14+ SrcImportScopedStyle2,
1115 SrcImportModuleStyle,
1216 SrcImportModuleStyle2,
1317 } ,
Original file line number Diff line number Diff line change 1+ <style src="/@/src-import/style.css " scoped></style >
2+ <template >
3+ <div class =" src-imports-script" >{{ msg }}</div >
4+ </template >
5+ <script setup>
6+ const msg = ' hello from component A!'
7+ </script >
Original file line number Diff line number Diff line change 1+ <style src="/@/src-import/style2.css " scoped></style >
2+ <template >
3+ <div class =" src-imports-style" >This should be tan</div >
4+ </template >
Original file line number Diff line number Diff line change 1- <style src="/@/src-import/style.css " scoped></style >
1+ <style src="/@/src-import/style.css "></style >
2+ <style src="./style2.css "></style >
23<template >
34 <div class =" src-imports-script" >{{ msg }}</div >
45</template >
Original file line number Diff line number Diff line change 1- <style src="/@/src-import/style2.css " scoped ></style >
1+ <style src="/@/src-import/style2.css "></style >
22<template >
33 <div class =" src-imports-style" >This should be tan</div >
44</template >
Original file line number Diff line number Diff line change @@ -3,5 +3,7 @@ <h2>SFC Src Imports</h2>
33< div class ="src-imports-style "> This should be tan</ div >
44< SrcImportStyle > </ SrcImportStyle >
55< SrcImportStyle2 > </ SrcImportStyle2 >
6+ < SrcImportScopedStyle > </ SrcImportScopedStyle >
7+ < SrcImportScopedStyle2 > </ SrcImportScopedStyle2 >
68< SrcImportModuleStyle > </ SrcImportModuleStyle >
79< SrcImportModuleStyle2 > </ SrcImportModuleStyle2 >
You can’t perform that action at this time.
0 commit comments