From 5a90e8d29c92d5efc62dd17d52637a1d1f866d3e Mon Sep 17 00:00:00 2001
From: Adam Procter <adam.procter@soton.ac.uk>
Date: Wed, 14 Jul 2021 13:57:10 +0100
Subject: [PATCH] reset to base plain
---
src/App.vue | 23 +----
src/assets/logo.png | Bin 6849 -> 0 bytes
src/components/HelloWorld.vue | 130 -----------------------------
src/components/SampleComponent.vue | 14 ++++
src/views/Home.vue | 7 +-
5 files changed, 18 insertions(+), 156 deletions(-)
delete mode 100644 src/assets/logo.png
delete mode 100644 src/components/HelloWorld.vue
create mode 100644 src/components/SampleComponent.vue
diff --git a/src/App.vue b/src/App.vue
index 6a65bcc..82f2495 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -6,25 +6,4 @@
<router-view />
</template>
-<style>
-#app {
- font-family: Avenir, Helvetica, Arial, sans-serif;
- -webkit-font-smoothing: antialiased;
- -moz-osx-font-smoothing: grayscale;
- text-align: center;
- color: #2c3e50;
-}
-
-#nav {
- padding: 30px;
-}
-
-#nav a {
- font-weight: bold;
- color: #2c3e50;
-}
-
-#nav a.router-link-exact-active {
- color: #42b983;
-}
-</style>
+<style></style>
diff --git a/src/assets/logo.png b/src/assets/logo.png
deleted file mode 100644
index f3d2503fc2a44b5053b0837ebea6e87a2d339a43..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001
literal 6849
zcmeAS@N?(olHy`uVBq!ia0y~yU^oH79Bd2>3~M9S&0}C-kSuYHC<)F_D=AMbN@Z|N
z$xljE@XSq2PYp^<OsOn9nQFtpz^t4Z5>XQ2>tmIipR1P$QlnRqTfhJUHue<-iOJci
zB??KY>6v-9O7C~?S5nAKu~iB;^)>J<a8Aw0^r$LI4X*MFNv_IHwoFm7w^OjGu&T%{
z$W1LtRH(?!$t$+1uvG$^Yn4}Q1rpX*QUEI{$+lI3I4Z(7K*2e`C{@8!&rCPjz|cg&
z+)~fb)Xdz{Tt~skz|chBz(U{1K-a+1%GB7(z(@fKl<X92ic-?7f?V97b`_<h*(zm}
zloVL$>z9|8>y;bp<rk&v8(Lag>Khp88yV>qrKIT=SLT%@R_NvxE5l51Ni9w;$}A|!
z%+FH*nV6WAUs__Tqy#m#BDcWT7jAG~F*Kl(^K<np5)1SV^$hfLb3y(Bd$_nHC>7xh
ztg4GcDhpEegHnt0ON)|IgHqF!k*vaR5lCTyudkI$esXDUYF>$_i>*>cZh>A(W{Q=i
zrJ0kHg`1<fnW34Xp{uE*g^8<$o0FlLiKU^Lk&6XPuV-FyNn&1dDok%CLa!xWy;jae
zsfi`|MIrh5Ik4CZ$jC3rFV4s>P;hou(C|%6&ddYxH9=tu4mc~9)S}F?)D*X({9FZa
z;8<m1ae$ernWLeRxuv<8rIDebtFfh_g{6gyrGb;1g|n-PxtS7FZweNVL-ji1)T?i&
zV51L;S)`bT2?e>hftcV#2}+=L3W$`SnwMg$RHS5Y7be%E#lRqL;_2cTQgQ1|Y<5rV
z)zY}<rSJFH&XeSS8q3bL!$#)j!&DB&<w12%{FnTBG5=r2l?NM>@3c&cC{pC(<X04b
zxTPhaLsq0^1$QTl*2GLl4#Ay`%O-HJWFGNmORhf9m;Pqw=N;c|cI~VEHdkWC#^;6a
zZC~HnZMWsfk9)=EBh%mho%`3~_wCc3lUhW$j-DwnW#MWSa#<MAq#@!Z(CWmwC_uwe
zgiE!<X(3CX#uNpJBvfc)#*gg(pTDvH{QrEz(MdAJOzj$lE52MV*Sr(0RPK4;|G670
zJ7hn^YOQ<mw>s-{oxh^fGY<VnSJG$og!%lfdlKJsKJJ*^=ckV^a<QhD2OYmYE%?!<
ze$m42G}~?4Yi@U~5e;9H=#;nJ|6t`^k$tw)E}6gH^}=e(6y+|rQ?vhW-nDPqjbG|g
zea?Od7k_wgB<<VZ^)m4e%NbKoK7Cz$(`v4q>T#{0#ozfBeJ%Z?c+QkB$woBr;jGjr
zpC_xi32avDm>gBH;LG-tE)@%#)eFz?c(zFWW|M!YU9;}j{L0q{Q#*}ZZ!YRd{Tlnv
zg|A@oFAK>@-=8GU?m7AL+lq?23YMO~uAIE1TgRmSSg`ed|KBTxt=~7?F#o|3|8R51
zwdT_o5}jrkJ>BFg$=&<#!pG(>={M(1j5zR-<9leh-ogiu;@)ka=E`zebC(F8e~egf
z*uGa=elL?&zW6}8re*zyNSDeY$zL(kG=itB4Ji6E{ppe8X&c*IcAfH{(=xmN(bm%^
zUUF#66uKa{JM+3$&HgXRT}j79Hf>lp^<!tPvE8HldEZP0Q`?PlcIQbxi+B0Lk#_Lc
z%SCqY4wv8D=AGj@X|ZDE^Rl3iU3LGWj|H<c-+$3Rx%uLUBWwHek1K86u!5~^BfBuu
zzJu;Rv=+-~hwRyNf6CG+MRORxN9Zldi~s&5_jr9|iga4EQtmRL&9Ww97jN|6U-lzo
z<{Uly&yq`)$V|TdP_?!Dx1Z{LX}{&QoBKssB`RE&Pl^BixUs^fXin2?TgzikMbkxA
zWFNM4iIr1b>Y?P=w~2R?@7XI&6aGG$trRWDx57AL!6We<mB$YFImEgg?e1&!D=Bys
zfA@gr?tfD@7Iq#I|G{$KNWFdTM3<SO_WRFFSr|~nFuPCvxDN|s-LY@0PB2=RZ{?c)
zJ+L6Izw)BWqSZ(JUl-KB)VBGt=aRrqp<to3l&L$c1ojEp9W<9@{@hhLzjc$dB$q1t
zt3QY5OXZy_`d~G2djn(DY;RY&Cky+1r@omj*kf<-W6hrUTPJPny*}JKc=AL+?ze+K
znix0gFHkFzT)3v|deQl%cYRL>sI8k{XqPsvIX>z4&J$rNOML#h+KQ}+(poO+82<Xg
zk*+5hKVRo9&yPE|u*mGnk6Am+et#(c;OcUH)vc<6$e-fhXKWI_Rb_MToBd}+jt{&(
zB3-+ucKDPtUEU}0MOAoWhpL8zO!&8{+k!2%X4ShCCi7l@lD(P#e-7KLyl=192AF9m
zPZ2%klaRZ~w9D*V)E4z058ZR_i(4kxi%lvoV;5Z~Ww2RU=$f;oYyTtV;8+`reYZ0|
zTW-p82AT6;`1b|Qc$G8D7Ul%FX=qQGdEwgQu;}a0eFYwrZDW3v$9Yh{HDu4K`G1V9
zHRXhbYTi8y`PP4bf{)vL&kZW7rCa~CWq&mNd26;&{L1LJQH3)XfQ?z$Z56ovy+z{l
z2TwvLnswy3ZrHZM+~D%Qw3Q_)33J09%sM6TPWpBy`|g*&T1wx9-7J0_wL@*4ZqhR?
zuj%U-LyTB^oXv`}^tsSk^_$;1WH$7-iPYq2vTC#V{uYZZDP8w;-MQ&^n$pt>WS09K
zdw$IH(ZrSd4`&r!iw^af$+CL-EF&SWKHF`1my<Y|PR#js)SCTWp7?dXSxe<BHqW(O
zAep%T5c6Yu#q+*Ly(A2-AO7>@&%=Ko+0R-FaK2u<gC{^N_d0Ko(1ebaKaO5`xl`x~
z?>1Sb-BEwGd^-Pr(V?Zao1!Kjo}BI`?_0Bc+3PKKi5BHw9v&%Q<UBduGs`wW>>g|E
zloPRQe+x%1&vp}d;I@skaC=uOPw>Q-@2i+|Up53B+M;hQxX-@KT}W-O--D&z7qYJw
zEvP>F{K(G2-j~Jce>Xh3v6$yf(SjnKP!7{`-}sC5PF2pS=*iuDB5aAs#Of&Nt+BQf
z_KBaY+A}ZYdgj#T7Y}~yZCPF&8WYNWcxOSKo%y=NI4-Uo=||*J8#Z|yJJM%sc6(P$
zaT9}mQg!ehUG<ec#u1m@4}Qw)TB_4|{KtdlOZQdWPiyzuTt8!{TV`23=Tye=Q_~;Z
zQ3`2Fn=4aZYWYorS-F3j<=XCD)%W*UF@Kf1W3sEE$7cI!^VeHe&1UjY@Gz2`sTpzH
z=5O|aDD_y=GqJ1N3-UaTqBs`z@HnpPDZ5u%u6VI_Uha06Ne+izu8(nQo!azd=bgWt
z_H$xnd&B<S%H+Sav1z-*;VFjmnV&x@UN>p;y;VL3RrjiWYf9a+JNNEdYsZGKO3n<G
zdjH#b8DmZqtFxXg{yz1c_o5TcH5L!o1qq$MyeOoqr}#lkQp%Q$oz~38SNm=}cXYeW
z(X{9IHs2==wI(X>=lE&G+|*BAtuSla^KZx5)$1Nq>6N?h@D@6I`G@%r-E)n_o)a%B
z9h=~!{H*iN^rqW6b8{se8{Th{ooJEZf6Q4c&e-AKN++?CH$S?k#=n%G>{T=?@=Qc+
zr-k_EOGi6?=$<pwjXm=#vE^%+%;Q7P*?rEm@|_8E&yOr%PY@J;=4W?TVUuX1&G!8V
zR3fLnYf^HV*ZrO4;)fs2Y0;tSa;F7<M*LyhZ~A(z%E=7NWA7R=Bz0e9sB$+k^l$nb
z_M}1f)1A}Pf(rJ{DUG_}qxfgRm!}z9YPLp(ScKPo*!Y9D&U;eI7MbWH7Snc5`70Xj
zuBqL`aJ`#{_udn+xh1!*3#*(@-M^@I>D<dveUoz;()$nRpRrPBG>TgD`_OI);po1N
z36gIY#d}_9QqbT0R_JC|!rW`EwjnWh)zd;(-kkbzap&hnhbO=G|HZcFm)pM&PXy|e
z)Ax#QKeu}NtQ%dKbM1TUH<ub0H|gw}A8szAfBvoRi3_S0mtSvrx3K6+ol|9=*5cgf
z$=jDpzvYU^KWg};iaSl1?VwTAm7~5}Edtka6wSz8eS*>Yd;eYI+bcOL*9oLbN45U&
z*l8;@Z^!XBZ(lDn4wW}Pk+E^Rp1g4Xl-sTx3;TkLs$_x>8r@pE&96(5qd@$&UExBb
zTQ9gouYH+ZAGUl(x$=?Z&JPEE{7O;!!yWR^f30VW)x`aW4bym3RdO4T8|ti)Tu|Zj
zrfPNVHoZwEO$?vzZJ2%6v?Ac<>*dwPtt!s*y2Ds5@B8hQDb>2F<=Ux?kCOYkm-@U`
zN|V`b)~A@%IfE<LHY<ufTlQ!Cro9TK2jtegTl(OTsuA0?lO<BEs~0N=$E#^5Ep$8b
zNpMf)^Yb6(O3qL>dKCWP2J7l7RsJ*a8%hIo92pjVy3?X9zjU{en5|)^h`|Nk@BQ{4
zPHunx;|x#J(j~eNW{6JMc0jrFC(G-w@2?yu*l)P2ziD;o)aP+(n!QakkJ;Kv$=!eC
zP;sJd|HqkAuI@Ua*fB$~tn<#b$92))j|j8;FpKt#;W+z=L;HNJn#;WGc#gLB)9V8M
zp7`^YW9GG|5<5dB-!8dP)1(^xTtlCw@!fZ|iEB?pxV)P$>dWM5d|`^w+v+uM+U5Q3
z@gBaf6xFXX_kqJLrXxHXg>O~eNqHUf_VhDh&XTO&|H;<zF%~;NCC0D($bNt6se6V+
z)vQkv+V>sayrd&ZaJGR2<E@*qS4_9eN%|2kcC%(dbgARrw$9SBxMx<nJXY4ZQmm7&
zM>-tz&%Tx{w6Rv>ILpSyo@rK}rf*ZwXZb05yWZnX*38nV>0bgq+>EOWYExQPyL|iC
zi3V#=8*+wyn<c?H?^^AtYa8zfvD{EF+7eNE=x&?Yn#-@YeTq40d0yJm?{UPAGG?A5
zC-%fl?c9}~mdD~~m#{lH#ns{4o%1CUm3d0#t7jeKKQpnn>@34inb|IRr%bM_{Cn0x
z;6ZgxyGmGFh0UTzSDBy8y{1^XdGj$_6AQL`FaKP4Fhjx2NnWZwXYQgjMGmRVgP-mw
zoNZDm-+ktof}i<(H=Q|+4x4()lucJWzJB85xBB$o@e`TLP83gcd&qQ=`BIxti~?In
z>w_(<`xC3z1d3;WxvjDD)19W|Z<mcW-SB#Cs_f?Wdby#4PRqW}3{tzUt-r|fQ}(uU
z(ENG-;>&^^C)jM?_+5ThwL1^X_C@_StgdWfVN__<>E^Eevi#q6b=P^fR}@Bsx<&g&
zD+IemFOxc%u~ayv<!#zT(NrCk?>%M4t5q#Nru6;}3v=t<!aCvNsktY2-@G<=nL0;-
z`R%yQsjQnWF>QK2@2;v^uT!nM#-*=eJJJst-P*hDT)=7p76HxkrkNsDYiz<jq*`||
zes6nw*kJAH?>@Rpi_da9&P%KIdlFo_Bx%Xg*6t@u0#}?ruqWr;#S<A%m+4lVyEb*2
zGKWI&ylxY&yh(PEx0xkB-HH0HwsFzUyZaPMUAIqhj*PR(ZrXFUZ2bww-x;lYK3lD<
zsEq&I>ngMRUe|lx?-~(q-Mc=9X$!MB1RYI&)U{0O{N6OlpUqBBc5YQ--*oYl?aaIH
zpPtI-pV+WuqY#IYXJ%JsrD&#((sPm7Zi$OLuVo$$b36ULrCL~L@!pHqdZ(##Y?%DE
zbRu))n#;Qu^*0so{(S%Hrpvo_On=Z-SDf$k{&{J%x(BCH?SVeVs@?8Kx1PQf>-Nd!
zE%*JoCb^B5@9i?WwMXd5{+sgzeqNE)om?NtFKV}Y%A<*M{C>}R`Fhh%_WzIMPF}vg
zf_Z;f(;1!<#ZPS)t+lznB=Cji6aRV9Q!kc@U&@T#X>@Bwi|3Z5f=?7~=PGGSe82wp
zsccBhWarAfN$>hHE{XlAY=5$ab^A@L1uT|~`_7x`Y@C$1ywoFbuW^yedDrV)H#5$A
zq;64@UVCQY@eN1X7rQhq_+i$S<9bZFXd2s<Z>^4Ar#i2sK9py#Nr~@%V_YM?r>9<-
zvuB0&mWcX;-xi%%Zn!II{_CX)uKj;Xqsp2X_p!a%{2=qLc<#)}LMiViSibG{+1xn$
zR57#v7MtrQGH$w0?iJI#6XJF|gr&0gt>Q%grxT5SikI9x%iFTgW{uk3MESqmyHx%C
z?Nd%iac*L$>1NR}pOHDGW%=fb&%cR2{rY;fQPj7yKCi=$=uMuvCDq4kLhD0~+hX7>
z;@@sl9=U6Rp_p5O^5WRE8WEev+m24#D3l`jL-DrtC#xS}^Sa;cJiYr#%K5D~Gad@p
zbU)p<x$^ilT}?-^e#Jt$(5E}^##tpyS2~|6|DgM0XRY$i{J-s=0zQ6nngHsXSthIx
z*igjDI-O&}^RVl^v3Ig-gmf0y9-FpOXvxd@789OZl|63m%Xzxf&F!?E!b{$oAj#Zp
z!6&iX-YT)bao2t_m%B2r?Pl@v)GdFHO?O#WmbzQlTh(K3nyuT>%G8jm3D5Z^lzXvl
zcDuTTwI=rmLwt+h>r->4<|sA!Y^)7V(QY!~YA*YI?j+m(@{Y?--|R4}5ty?rVY05X
zs)y`H<89%td^Z%&@7>ei^jT_#+rnAf8rDY|Sa0a4ecotPZIM4!x1WXa$*JPoIp1Pb
z9_Jjf(p|ItQFh`ahU;QFi({uB@0u3gwCBjT;)!cdcxavH4Kq!c8@BapL~81mqU+JN
zd8d6iFFDjSt7sWba8vZTp1IST>t(~umHd_kc`=9AZ09<<Ot&Fi`g7FDPd*d+HA3Z2
zNpFznK54zXnJb)kiE-4|3fYNEjKg=Zty7I~t6r_Et?I$HWA57qi}kB4%_q1$JmaTa
zxi<6Z+EW=n@9b!M5Tm9s+xk<?!B2hyA>F)>_N+QpT+M9!)l2k5adt#=;X1ELey_iE
zO}lvN&eCPA985MRx4DBFYfBhz7KdLcxV7ENz}zV6;?0cjH#RA%dVHH;*&5NQ`LUxb
zoBgC_MdrW#N6ltV_#<Xh>^En&metzTES8q{5^gJQTHX3)=kxNwhnMyp-L4cWsXL$h
zxyYPt3GKSVsvQam<{vl<<Bq=6itZ8L)9AV+aK$p+2gNg<>I5gHZh5RyxV=u5qjzFM
zjnL-MobOxAvUcCnQ;9jT!PN79^#d7;=?`jDXXi$0II=u)&&luleCkwjvuUk}PP~Iu
zYt}8Mf4b)sBiy=g+`sN4y6Pr}QgK1V)aPYCU&@7kp87m&^TniI@%hdhddgxqhb~J~
zIq^AXx9TJop@{mYLRx3s=S81&JH7v7>gkN~+c&fwiyFQv?QOD|{{OJZ+S`&#c1@i8
z_1uJQ4gIE<cfANdIrZYY{9|2L*05Ce=gtO|lpgmi=Z5T9^#4gT>rLI70-d_aCu%i!
zoIMu9IZ3%@`rD2pjMhN{4pOh@S2ek|m0eWsGc>wYxbgK`fydFawhEaVJMNh5Z{CsP
zs&M}8_M64&)$;>u>zi`6{9Tl~rK8Z5bCSQ!sc+HX{HY)9b?~S0n#-%!ZGZH>peI4{
zt+v^*B`hcP*NMLry_PDPdo1$&&j=~j$=eQi?>}rfYnuaSkpG@D+q_e>n@Xd^i?lcX
z+7Y_5Ow_>caQVhNU&D6i<V;oYWtjQ*NoM6ch047vZNxz>ngq#Q*C#*xI5#E8q}|pk
zI>1-?ZsyyNEuUf}{vAtiO5GBj>oZlsw`KQ@Z=IjHR(l-N3fZx0{+)e`4FB|=Z}EHm
zZu7<*&L3Bz4&1)C{K!@%VZ)s#=KVeze5rqzO;>-1Z1tM_rCgV@SbnPB=FYj^A-zGl
z_s~-Bv-Yg(w^toJwjuRF&}+wMS5hYVy`S~+o=fs_mXmz-3A^JTHOzgaVmfo}@xNwe
zUK7L)Y`^KXWQMkvS=thoOkM}`+R4{`TRv8kHdgiEe%KiH#z<#__b-Rl_x9X=)LOsy
zT7B<Cp_H;eT}$?gPi$SD(=$auw?~n;@t7N@k@dIDcULC<5P7#{V_=iUi|U+q6Q0W!
zDalS=0;~c-eVY}oGD_$AOi_?(%CtH5O`5m4^I)<Ro9YRlh~<hGBs3h;j=#Slm-+B_
z{gGo13t480&ephVwBl;Ow(si#n&t>7=a_GQP<ub;ee6OOOU-v_w{JUr-+lewW+zUg
z^flM3LqYm4=bYbqpw=$^edt1#ndWU@<fbZg-TWwad#`Uz{r6kdAsUWiJSt0VuC;tG
z?NL#)4Q+bDH~ET7W^e!D-f#Crye7CNtKWX@TVlWdc6E@3V^-ViuW?gACS-3@pY_0Q
z-iGgs0-CPKNM}52$*gqDdGEN8WhFP?rn}RU|L1T1z969K%GOD|&o8`xIA?M+=Okf;
z=fQGMcS?I^?bA~AxcpE&NB`N0`{HZQbE$e9-r!do+N6<oJUfT~>4Ed@Yu1AVKk81}
z8<TwL*NT9ql%~Zw(Ja5W9|d#T<TveAzOcT0O+J^Z$1{nb`CwP++%|6dQ+e#yl7OZc
z!qL(EsvdG5^lq0i*5z#9r!ht0(S)ySCVq)DRrTmj?%H&BU-9Ixjtf}?yW4NZoqe!t
z{jF^6DGHA^u5(?tk|j`wLw}>~y#udp^VY8nXnMlddnx`&==?=2nT0h+%Cec)6|deq
z&53i8^__!d3;LehC#+u>(DX!z^J=;HMBZ;wT&f;<A60J8vzk-hZ@b-zb5ix1(<d!O
zy(aj4V7uKXH7~#2cDWPhC6fbruO6FPoVPH2p7+^ng4l71t7`Jc)2j7ag_gW5kiR{<
z`^Vqe-(<K{JNRytCah!0bhSCZt(tNF?cDm+0Zk^h*UVp-bE$gheU!Vstx{(H*?(>e
zSu!Q>94brUJ1)ENxYiT}-BzyKyu}vp*s9k!ab7B_nDTb2aLxZNTad!YHPH{sxl}#8
zAEa)JHLlrrx^8(u(-s>$%X2ec|8QBzlF2EPcDw4%{_VHUgNBli#!ksQAaHZPDAR*%
z4j0G!)3}=_t7v70X>93UifxR!2{8Z-8+L{WDGC4C&%n%}rSP=b>bdm-(4>;5tDnm{
Hr-UW|hR3J6
diff --git a/src/components/HelloWorld.vue b/src/components/HelloWorld.vue
deleted file mode 100644
index 7c23e36..0000000
--- a/src/components/HelloWorld.vue
+++ /dev/null
@@ -1,130 +0,0 @@
-<template>
- <div class="hello">
- <h1>{{ msg }}</h1>
- <p>
- For a guide and recipes on how to configure / customize this project,<br />
- check out the
- <a href="https://cli.vuejs.org" target="_blank" rel="noopener"
- >vue-cli documentation</a
- >.
- </p>
- <h3>Installed CLI Plugins</h3>
- <ul>
- <li>
- <a
- href="https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-babel"
- target="_blank"
- rel="noopener"
- >babel</a
- >
- </li>
- <li>
- <a
- href="https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-router"
- target="_blank"
- rel="noopener"
- >router</a
- >
- </li>
- <li>
- <a
- href="https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-vuex"
- target="_blank"
- rel="noopener"
- >vuex</a
- >
- </li>
- <li>
- <a
- href="https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-eslint"
- target="_blank"
- rel="noopener"
- >eslint</a
- >
- </li>
- </ul>
- <h3>Essential Links</h3>
- <ul>
- <li>
- <a href="https://vuejs.org" target="_blank" rel="noopener">Core Docs</a>
- </li>
- <li>
- <a href="https://forum.vuejs.org" target="_blank" rel="noopener"
- >Forum</a
- >
- </li>
- <li>
- <a href="https://chat.vuejs.org" target="_blank" rel="noopener"
- >Community Chat</a
- >
- </li>
- <li>
- <a href="https://twitter.com/vuejs" target="_blank" rel="noopener"
- >Twitter</a
- >
- </li>
- <li>
- <a href="https://news.vuejs.org" target="_blank" rel="noopener">News</a>
- </li>
- </ul>
- <h3>Ecosystem</h3>
- <ul>
- <li>
- <a href="https://router.vuejs.org" target="_blank" rel="noopener"
- >vue-router</a
- >
- </li>
- <li>
- <a href="https://vuex.vuejs.org" target="_blank" rel="noopener">vuex</a>
- </li>
- <li>
- <a
- href="https://github.com/vuejs/vue-devtools#vue-devtools"
- target="_blank"
- rel="noopener"
- >vue-devtools</a
- >
- </li>
- <li>
- <a href="https://vue-loader.vuejs.org" target="_blank" rel="noopener"
- >vue-loader</a
- >
- </li>
- <li>
- <a
- href="https://github.com/vuejs/awesome-vue"
- target="_blank"
- rel="noopener"
- >awesome-vue</a
- >
- </li>
- </ul>
- </div>
-</template>
-
-<script>
-export default {
- name: "HelloWorld",
- props: {
- msg: String,
- },
-};
-</script>
-
-<!-- Add "scoped" attribute to limit CSS to this component only -->
-<style scoped>
-h3 {
- margin: 40px 0 0;
-}
-ul {
- list-style-type: none;
- padding: 0;
-}
-li {
- display: inline-block;
- margin: 0 10px;
-}
-a {
- color: #42b983;
-}
-</style>
diff --git a/src/components/SampleComponent.vue b/src/components/SampleComponent.vue
new file mode 100644
index 0000000..bf4199c
--- /dev/null
+++ b/src/components/SampleComponent.vue
@@ -0,0 +1,14 @@
+<template>
+ <div class="hello">
+ <p>Something</p>
+ </div>
+</template>
+
+<script>
+export default {
+ name: "SampleComponent",
+};
+</script>
+
+<!-- Add "scoped" attribute to limit CSS to this component only -->
+<style scoped></style>
diff --git a/src/views/Home.vue b/src/views/Home.vue
index 8f4339d..50a02b0 100644
--- a/src/views/Home.vue
+++ b/src/views/Home.vue
@@ -1,18 +1,17 @@
<template>
<div class="home">
- <img alt="Vue logo" src="../assets/logo.png" />
- <HelloWorld msg="Welcome to Your Vue.js App" />
+ <SampleComponent />
</div>
</template>
<script>
// @ is an alias to /src
-import HelloWorld from "@/components/HelloWorld.vue";
+import SampleComponent from "@/components/SampleComponent.vue";
export default {
name: "Home",
components: {
- HelloWorld,
+ SampleComponent,
},
};
</script>
--
GitLab