File tree Expand file tree Collapse file tree 3 files changed +65
-0
lines changed
Expand file tree Collapse file tree 3 files changed +65
-0
lines changed Original file line number Diff line number Diff line change 1+ <script setup lang="ts">
2+ import HelloWorld from ' ./components/HelloWorld.vue' ;
3+ </script >
4+
5+ <template >
6+ <header >
7+ <img
8+ alt =" Vue logo"
9+ class =" logo"
10+ src =" ./assets/logo.svg"
11+ width =" 125"
12+ height =" 125"
13+ />
14+
15+ <div class =" wrapper" >
16+ <HelloWorld msg =" You did it!" />
17+ </div >
18+ </header >
19+
20+ <main >
21+ <TheWelcome />
22+ </main >
23+ </template >
Original file line number Diff line number Diff line change 1+ <script setup lang="ts">
2+ defineProps <{
3+ msg: string ;
4+ }>();
5+ </script >
6+
7+ <template >
8+ <div class =" greetings" >
9+ <h1 class =" green" >{{ msg }}</h1 >
10+ <h3 >
11+ You’ve successfully created a project with
12+ <a href =" https://vite.dev/" target =" _blank" rel =" noopener" >Vite</a > +
13+ <a href =" https://vuejs.org/" target =" _blank" rel =" noopener" >Vue 3</a >.
14+ </h3 >
15+ </div >
16+ </template >
17+
18+ <style scoped>
19+ h1 {
20+ font-weight : 500 ;
21+ font-size : 2.6rem ;
22+ position : relative ;
23+ top : -10px ;
24+ }
25+
26+ h3 {
27+ font-size : 1.2rem ;
28+ }
29+
30+ .greetings h1 ,
31+ .greetings h3 {
32+ text-align : center ;
33+ }
34+
35+ @media (min-width : 1024px ) {
36+ .greetings h1 ,
37+ .greetings h3 {
38+ text-align : left ;
39+ }
40+ }
41+ </style >
Original file line number Diff line number Diff line change @@ -5,6 +5,7 @@ import b2 from './otherFiles/e';
55import a3 from './includeFiles/abstractions/j' ;
66import b3 from './includeFiles/abstractions/k' ;
77import ts from 'typescript' ;
8+ import D from './includeFiles/D.vue' ;
89
910export default function main ( ) {
1011 a ( ) ;
You can’t perform that action at this time.
0 commit comments