From 977c5131fb473e385db543eed9191f3250da6e06 Mon Sep 17 00:00:00 2001
From: Wuzado <23276409+Wuzado@users.noreply.github.com>
Date: Sun, 24 Jan 2021 18:19:54 +0100
Subject: [PATCH 01/10] feat: remove unneeded Nuxt template leftovers

The content of index.vue is not yet removed.
---
 components/Logo.vue        |  79 -------------------------------------
 components/VuetifyLogo.vue |  18 ---------
 layouts/default.vue        |  48 ++--------------------
 pages/index.vue            |  16 --------
 pages/inspire.vue          |  15 -------
 static/v.png               | Bin 5674 -> 0 bytes
 static/vuetify-logo.svg    |   1 -
 test/Logo.spec.js          |   9 -----
 8 files changed, 4 insertions(+), 182 deletions(-)
 delete mode 100644 components/Logo.vue
 delete mode 100644 components/VuetifyLogo.vue
 delete mode 100644 pages/inspire.vue
 delete mode 100644 static/v.png
 delete mode 100644 static/vuetify-logo.svg
 delete mode 100644 test/Logo.spec.js

diff --git a/components/Logo.vue b/components/Logo.vue
deleted file mode 100644
index 6c72854..0000000
--- a/components/Logo.vue
+++ /dev/null
@@ -1,79 +0,0 @@
-<template>
-  <div class="VueToNuxtLogo">
-    <div class="Triangle Triangle--two" />
-    <div class="Triangle Triangle--one" />
-    <div class="Triangle Triangle--three" />
-    <div class="Triangle Triangle--four" />
-  </div>
-</template>
-
-<style>
-.VueToNuxtLogo {
-  display: inline-block;
-  animation: turn 2s linear forwards 1s;
-  transform: rotateX(180deg);
-  position: relative;
-  overflow: hidden;
-  height: 180px;
-  width: 245px;
-}
-
-.Triangle {
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 0;
-  height: 0;
-}
-
-.Triangle--one {
-  border-left: 105px solid transparent;
-  border-right: 105px solid transparent;
-  border-bottom: 180px solid #41b883;
-}
-
-.Triangle--two {
-  top: 30px;
-  left: 35px;
-  animation: goright 0.5s linear forwards 3.5s;
-  border-left: 87.5px solid transparent;
-  border-right: 87.5px solid transparent;
-  border-bottom: 150px solid #3b8070;
-}
-
-.Triangle--three {
-  top: 60px;
-  left: 35px;
-  animation: goright 0.5s linear forwards 3.5s;
-  border-left: 70px solid transparent;
-  border-right: 70px solid transparent;
-  border-bottom: 120px solid #35495e;
-}
-
-.Triangle--four {
-  top: 120px;
-  left: 70px;
-  animation: godown 0.5s linear forwards 3s;
-  border-left: 35px solid transparent;
-  border-right: 35px solid transparent;
-  border-bottom: 60px solid #fff;
-}
-
-@keyframes turn {
-  100% {
-    transform: rotateX(0deg);
-  }
-}
-
-@keyframes godown {
-  100% {
-    top: 180px;
-  }
-}
-
-@keyframes goright {
-  100% {
-    left: 70px;
-  }
-}
-</style>
diff --git a/components/VuetifyLogo.vue b/components/VuetifyLogo.vue
deleted file mode 100644
index 9a60937..0000000
--- a/components/VuetifyLogo.vue
+++ /dev/null
@@ -1,18 +0,0 @@
-<template>
-  <img class="VuetifyLogo" alt="Vuetify Logo" src="/vuetify-logo.svg" />
-</template>
-
-<style>
-.VuetifyLogo {
-  height: 180px;
-  width: 180px;
-  transform: rotateY(560deg);
-  animation: turn 3.5s ease-out forwards 1s;
-}
-
-@keyframes turn {
-  100% {
-    transform: rotateY(0deg);
-  }
-}
-</style>
diff --git a/layouts/default.vue b/layouts/default.vue
index 48daba2..5b65d67 100644
--- a/layouts/default.vue
+++ b/layouts/default.vue
@@ -1,12 +1,6 @@
 <template>
   <v-app dark>
-    <v-navigation-drawer
-      v-model="drawer"
-      :mini-variant="miniVariant"
-      :clipped="clipped"
-      fixed
-      app
-    >
+    <v-navigation-drawer v-model="drawer" fixed app>
       <v-list>
         <v-list-item
           v-for="(item, i) in items"
@@ -24,39 +18,16 @@
         </v-list-item>
       </v-list>
     </v-navigation-drawer>
-    <v-app-bar :clipped-left="clipped" fixed app>
+    <v-app-bar fixed app>
       <v-app-bar-nav-icon @click.stop="drawer = !drawer" />
-      <v-btn icon @click.stop="miniVariant = !miniVariant">
-        <v-icon>mdi-{{ `chevron-${miniVariant ? 'right' : 'left'}` }}</v-icon>
-      </v-btn>
-      <v-btn icon @click.stop="clipped = !clipped">
-        <v-icon>mdi-application</v-icon>
-      </v-btn>
-      <v-btn icon @click.stop="fixed = !fixed">
-        <v-icon>mdi-minus</v-icon>
-      </v-btn>
-      <v-toolbar-title v-text="title" />
-      <v-spacer />
-      <v-btn icon @click.stop="rightDrawer = !rightDrawer">
-        <v-icon>mdi-menu</v-icon>
-      </v-btn>
+      <v-toolbar-title> Fundacyjni </v-toolbar-title>
     </v-app-bar>
     <v-main>
       <v-container>
         <nuxt />
       </v-container>
     </v-main>
-    <v-navigation-drawer v-model="rightDrawer" :right="right" temporary fixed>
-      <v-list>
-        <v-list-item @click.native="right = !right">
-          <v-list-item-action>
-            <v-icon light> mdi-repeat </v-icon>
-          </v-list-item-action>
-          <v-list-item-title>Switch drawer (click me)</v-list-item-title>
-        </v-list-item>
-      </v-list>
-    </v-navigation-drawer>
-    <v-footer :absolute="!fixed" app>
+    <v-footer>
       <span>&copy; {{ new Date().getFullYear() }}</span>
     </v-footer>
   </v-app>
@@ -66,25 +37,14 @@
 export default {
   data() {
     return {
-      clipped: false,
       drawer: false,
-      fixed: false,
       items: [
         {
           icon: 'mdi-apps',
           title: 'Welcome',
           to: '/',
         },
-        {
-          icon: 'mdi-chart-bubble',
-          title: 'Inspire',
-          to: '/inspire',
-        },
       ],
-      miniVariant: false,
-      right: true,
-      rightDrawer: false,
-      title: 'Vuetify.js',
     }
   },
 }
diff --git a/pages/index.vue b/pages/index.vue
index 4bb8197..b502ea9 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -1,10 +1,6 @@
 <template>
   <v-row justify="center" align="center">
     <v-col cols="12" sm="8" md="6">
-      <div class="text-center">
-        <logo />
-        <vuetify-logo />
-      </div>
       <v-card>
         <v-card-title class="headline">
           Welcome to the Vuetify + Nuxt.js template
@@ -79,15 +75,3 @@
     </v-col>
   </v-row>
 </template>
-
-<script>
-import Logo from '~/components/Logo.vue'
-import VuetifyLogo from '~/components/VuetifyLogo.vue'
-
-export default {
-  components: {
-    Logo,
-    VuetifyLogo,
-  },
-}
-</script>
diff --git a/pages/inspire.vue b/pages/inspire.vue
deleted file mode 100644
index 172f12f..0000000
--- a/pages/inspire.vue
+++ /dev/null
@@ -1,15 +0,0 @@
-<template>
-  <v-row>
-    <v-col class="text-center">
-      <img src="/v.png" alt="Vuetify.js" class="mb-5" />
-      <blockquote class="blockquote">
-        &#8220;First, solve the problem. Then, write the code.&#8221;
-        <footer>
-          <small>
-            <em>&mdash;John Johnson</em>
-          </small>
-        </footer>
-      </blockquote>
-    </v-col>
-  </v-row>
-</template>
diff --git a/static/v.png b/static/v.png
deleted file mode 100644
index a2ce2353f273cbda4cc6de145f86062ff039a1d2..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 5674
zcmZ{IcQhPc(CF%GSE8)di5jA;MfA>U5iPNLU0q04CrYedB1G>|q685kS`bULs8OSZ
z)gnY${6y#5e1E-n&U<su%-l2g%$a-cv~wrkP+#j7hy?@y0B-4MBOVcW;6DVC6R51C
z)C7TXI%q%A0|1`i1pvaM0DyCXDEv17;0Ff)w(S4_xoiM{5uN|pNP%!bj?&da0B-)R
zqK=9*f`r0XM^A$SM+GF}2M|rx6cR-4z8Yq}kL&|D(caIT-8`H)eS^?Woc3t67y$H-
zf;j&dB<_Rm%ifn2w}->wG6ehwVsN;G7=elt_R{|=fs6e+|35$yE+s1^AtfeFz<*-U
zVulhG06_1ggHSaNoZl@7PM@Ck>sP+G+;jLf8fi)@NlgAGJe)y;UFCh5&L?-Oga;wL
zt}pc_%d2-SbQa3ovc=r4J=!K1Qc%zoX^;SjxTKPa50xG_s7|U%=A7N%A#rlNaJ3e&
zUnwK8*m_d9+#ylD+-R1FY3&RhJzLt}&u<u;3kLIb4=gtkM`^4}7x}5oe;#)v4j6-t
zBdk;|f0uK5XRF{pghx_bJJjEi>Wm8CXJ}Alq<P)attFs*+*=v(8CLmR`E<g_g|-;)
z@;3E)R-UMw*91fT!YYk@RT69SqUIdo&cN--bj0+rsR#3-ZP9jtIsK&_J}TXpq>a|x
za?sx_a=;{FC5tjzcP1*8uKlKenpE!r#!2Pzy@f|1+Qe(ZMT+y~6((6VP(D7Ufp$qJ
z`2pRsrw@$m9Vztf6pP^$H(pj-xklSwXlpW8tw3V!^v{YK5!}vVB6?bt9EKAy>G`<i
zut#ZUc^>3J3tu$uFj%0L`YCHloB<SJp_tHM#iDgml1jmdu!OqBdaf68j>Cf_H#R3+
zE1(xU#{gUZi&ot5O#<;tRX_IMKq2d-=Cq|F7_Z2lj>c^W&^mJ4k|Iogy0C!Fhyg^t
z-}?@OgGIUM{>+Tv{N?tZz2&iPi{v@?U<|H2v-!1gH(4gJ$PCq7h;HKjHJQY>Tdoga
zxpw1*djhNxmSO(P2}RjIXo4E2cE5p9Qjn@yO_^a#+qG?%t%h6@u8AlSWBe{}QeK;)
zPndUpq83`_<B=a%&mDMU;NI}!C*bhufrwd%GHXzz3YupHbo=_r78@&n$<X9m+xGIx
zi8G3#;?WAS<_O@O>N>iz79OW$TShUk+Y>kMSgHm^wSw%EzghCW`z;^5r}(<uh_s08
zOR&Bw9M7lEIm9UyZtsM7Xwl<zaACOn%bLQraY2mybtY9+=J)`J>-lSaAF9c^eWV!7
z<EACYNwT=s(@&=^?~IoQ*>cM%U387N65B}?&-AJ<P^;%>__lR#Bg%d_NjT$cEcNwj
z7wc(F^nB6RG3zYlBm03>*rI$0;CXvTUb)|Ka%b+kjv~7QV_{VYMsU*l^t^G?nA;WP
zL`fqu__a4RAEDGOBjh`4NRFiNqB5mC^**hx<9qF_7fiRuF?mcszsvo^q`;0FAWW)+
zFYUs*VxBoa4Gz!FQnfkx<{w7WpsCM(u%{^fiYJ%XBWeK?N1f?VE8ZrqqFX}IZ#7o!
z8eN3P0KuUwwJOdJDhp+6>Ckx?zQ6{}Gu3sbKJ&M+O1}IrS+t$P6UoZY>@Dmc4?2Y^
z+zLqA4I^6Q={in}PCv0ZGUy%Lz&a5T(a@Mv9EOQ;h`4$!Pokt~YZsNm{&QoCM<Gr*
z;Ipwt?mihewN&5#8dyHR?oHc|gg$cfPpren#*j<_n&TsnDwct?V#QZL1L#_phT=oI
zc>CeC9*eaTE1%oy-1*ON&y~rwS6TyeM?UiIw0_v!{i8!!C}|Fq0SF@k$Fgn<EPGGB
zR4SEH5oV`w;zRdPFUYDpvSPj`B1x*4S%`Rs0WlYLt#im<2;v@;EL+0HuWxi{$PR5t
zUg8+wDWX`Aw=$bO&g1Z#Ka3=`TLv88D0OrACGm`R5RG9DGcyUiyHd|r7!xci(|UA|
zKf=WtmJR2;e#g|J6E#_$9M9Q8+1_gsYtR%NGq50o@w@v-14+a7)sMI|v~DrmT(<v2
z`qy7fe&~2@MCnfNhtQAWCic0$*8>bG(%?{6BNOvJ;f>!bUyn}=xO465uqXJg5BuHQ
zuBoOAY50aAZy)x}#mX2tF0#0QiH0G6mvBxvq}cse3y|CmVV1Dp{KFtTyF+Fa#H^4$
z{~$Je#T}y?QWt{A(5h1B{Ssiaw@KV_KJyL?3Z_{$Rxr=djnovc8MH_V{W80Eo7+IH
zw0}R$u8$O@!_B=&X{LOMG@H)EH3o`O8wG2izow5q8-;{NueE<DVrbDI^*L};rE_zk
zR=YN$iFUVL2fk{M>F|jye4%-ZD^{1R_CI^J+Z7qDlJ<|<eDZ@E2A(XzVHfx(wl!93
zf}2SkEWGRKG9b0#286r+!$O(VOd0(?5x1+=2JldF0Nz=FjM{ps&0)a?Vr9!;Nrcfj
zEnTI>2E0^><`Fm~A4pW1y%I-Qh&gkK=zYukz@*AM5Qur=nTM45EqFw3nz}c#n5SU_
z@+UG<LIe)`Q%H2Qn`hWdz~VSvDZ1$nlOhIABt_~oRM3CE+mp0z38NMIV~!i#kqrBu
z>(s3>lAqOVNTsJJYfqdks4mC-`7vG~)8M;gDM@D<s_P?9iN(OK$r>;G`=f;yMg(Y|
z*8g;irk)%ub-AUvub|w?DtWg5lO8RP^a%b#*S#Q)TvBMFBYDFm{AXAF@QW{RJ)wN5
zSITwcK=AG);!U$X2@v?%8B|^#)Kc+AnvhX^7j7?%YaSvuR<%{oMk+G^is!O+XXaAQ
zw4Neb&Oepo9oX|xQ44i<p!ExWK^|wyU)f8Kq>(8ny=267%luGk`j%eFfiv}pw@81k
z!-pRVQw+ep?a5vykay*Rj_9aoU@O<w4=sahlcVcb2uzMHi2HO!j!Um1VCZuKvURj2
zKlmFn7n_%LyU1hF63#<3lBFS4^62F1@`4ef`>0@!h3x%bh<{l|zw};gh{>p}dl)SX
z$)FbSCNUKHhSEw@<vXoP6W3va<P+{#xHILCpCen5-BBbDp>+j<TF_s~OxQ0o+z4I9
zhv?7(M;#mDollEF#yQ34!S@b4fbo~s@<ueM86%0`1zVG&r6Q`@IDf4BY(%%bTUIYc
z?n<Fpw82rYED^2Yjj;kz%b?>0te)fT>13p~M4vhKz+p?MkGf2JAewmj)1tI##u<sw
zser{>;Exg-LNGCnwKbBiun$Gj^btH0vUv%5i3Zvu_22A_m>LX&qtrU(eb#CIHgo1&
zm{iQ}WOu(xuU`+O2<ZfFM{^h2e+I33TJBVvwLZ#-Z?up6WBtj3j14w_q_N7>5dPP7
z=h;(^Aw0{dBsy|hNp&8{@$Qz7fKAWoe<iewaP#^A%Pit1A5SWV7Fltcm>+VLa`GLf
z$KO)cPW0FPh`aPws(_IS{e5~^X%BzxmE%wK^^&&(7<4)ecPxRm6)0Mc-ueV+Z8H1j
zPW2ZfjJ90#Nw1(LeN>`MqU#ekkCqp7S`PUzbmGVtfDXYl72fUHSg=7%37yr=S<r!a
zl(HE+ol`p2k61?2&{2rHQ|Po6b*+sx=Rr;*)YQJC--k~d%YqhCVFpe7E2G5iCf3Ej
zPvYneH#nE9JS4bP>7S}Hty*u5GblhAohP$5c9w$h#lfOnxsFAFuWt3DlviuTo8@{w
z-UXY267>nb<s?U#ZAT`Es<lo4D+30neCT_=-M#giL}pZ6GwE0QJg2H?%Fd%UYr7{F
z<`CU3lC{MBr6zC4cO-nUpEwz1+6x6qVDQajw<X-r>%2xZ{Pt$U?g77l1pM^7GDGPI
zzC=?Px_!K2C$uwe>_O>>Kb09*OL47_MhDx9h-E2BxOavi<L&p}r`8TsDNs(W=ciY-
zToZ9#h45HqZ~j8XxbPJ^O!cl*!ASi5u||GeKV+9p-@I+8+Gfd9+4xct!>ku+@7hy@
zXZU_00DQgKShAYrRcf$l$l7<n#u_QyB)=`_!>wxZs%MA!qbB-_UbS6x!#j%o?`J^O
zBE0Uk(Xw0xv5}$<J%W*rA>KYen$9!v2AA8wY|?9nldJZO*-V46%00sWV4Rb;XbNUs
z4i}6KF+7;VHWD-OR1Pp8!rmNJXf)9RzrgL#w<bpqiNEzECf7&LJOn=YuQ^Y|qD#E1
z0d{0E73T*9555OQK5gTSsFW%ZUK8@(btlfGM={Vn@eKN17+<qIqK(P(e3jVU@Qq%y
z=P`aFdB=w8BZomLtcZ;vJNf6JAO!P{NWE#bpCv`~N5t<`ThWx^c;m<H#9A$?IEBPr
zg+0LrA+=A^O^nxdX<c&v%2aSND%uHZx>_I}T`MQ?a3Z54MV&rMOjjms2QRw+2Js}H
zi+lK!EDZF-!K<ln6`uv!+2lClpDgIF3xx`qR*T!80%D7dM%Lf#DS^}+Mf++{SWfal
zjN=O!o}WQ$)yyKt5_&f*__cNF&o0J@Km58<N#md>Vs(|^9z(m&z^NEAjV7LnPzJD=
zLAhw|VV8l64MJE4N$4aZDGyiP{iXlVx0?m{6ZNcBu=mdj|E%djk^oPqPZ(cBle)AK
z4fmTBnZ$zS&bOud)!ggoRxFeu7AIkv^O&92eE4W7txGz>W!ldq%`!gaf}#9G#&m^+
zEA7cpV#L5{PiNgAT|;5Qz^m%JNxUrlDXk*rd9fY&xb6hk)ZK&oi)rfH(WtH;9u1(l
zP$(<TB#Nln#xTA}D;!#IEBv8`xC_zv%zDyeO+#9{cB~{rTbK-_y&yNJwi8Jo!q-wf
zs;e0v(A!s-kfBrckTPhqhx3qrK&#+Jv_8Y|bmMW%?e%gYF33AO5xp9)?(N2pr5&Uj
z;LtI~_e<}S4QQ?@f^|B1u%4hU9b4*>!C>GY@tdq38E{-<)79lGO5wR4bMBBIs4VK1
z!OO{Nul)gu@EV#^eL|D>kRvxSFG$RA!;)==ip0fzW^!TP))f1tmybPHK|&*ixa>}A
z18en#&>6jLtU+z1h_gSssRz~yG0J4sf=Wnn%krusRrjw8+GR~R(#-KC|F_q%S?K$H
z@B^E%rn<4{v(4M8y2UmEv|SB%1N{A=bw4xNkzc9@@mmgpTc;zUCAkl;Q|(+|8&8YF
zQ9!0IeDI~rP*ZdGn#WR7MxCAQH;{wkX+pp^&6QYzoA?6Mv|AJfB9ONrCRQSgI4h(`
zU@C@6$ipcX8K}JBU4W&K7`<nG^)VH?G0=CPQXv{2!zXcj302+a`22j#GQEz3$i8Z%
z=Vz6I5(;pKp5@wH;DM!Iuh98H4pzZqq<64Pz;EtOe?CZrQjO3MkeQ#4`#;s=RKSZi
zC9TqlsdQG#vOa&*13_IT&L{4eg&vwfJhY4(K-(7IHjU(9mrS9y9OP_p{`TjtlbS&?
zAQ^|Wx%cJPM&7o#6lYy0Wtx{q$jGA?*SK!TMXt{f`4d(?{uZS_Kj~)7j1RW3Nfke^
zcuYS3U*d08$Y0YjGE9k<_1|^V^X&!#o6~u6T4!IW8{~Z1m#L8L_O*M<4!Km?s&8*4
z+2gQ$eyo;5vj}gUY-?mG#-EndihaI2Of9_B{NSDV2dUu|)LR<?hQSD&F#Ri(PA{md
z2v3bQ)Af9zSXSeziw$*xpEw&yk^XRT=SiqzS&?LwLNHbOi?8$2J8MO->7<*FOx1HS
z4HW+1fFugJ>yCs;Zajw$fOIUJNt`s$p)*<{H5#)fJDXsWkOnV8MlruVNa^^z5mZ_O
zj2R7{GKXf3dza<??M}RxRj~lUH)j$LfK=yb35_aYJ|Q9TrP<xf23e!R-jl&(!WCH#
zOr|s*dwo1EtCQV2v{JZrR({c#RL|S;MPGcJzeXdl(Ulqoqp-Qca(e1{h9wjJo4OHQ
zLv-O2X0<*ayJHZ!dh9xZSk$RYv4CX+>$V)lu3J<IFPjMWEs>m7X%m>z=AK~_DaqT8
zX%k3c!jQ87bf&RlcH(u!otHwkgqMU|;vK(bMunD}3BrhTt(^RkDX+X`_7#~2bM3HT
zPSf1CKtWi{jFlOy-hp>8hy%}c*<hHiNGQ(x!^a0y=~lg3$ehOzUaw$G&g_-i9E7SM
zqb-?dxQqtMI1t}m)g-g<fHopk^qjQI7XS1;iOuMVEZO0O&iuyfT=+ZJInVjeT5mX+
zICp#RJ0W*24mIsHp4`1W3IpGx@GKsqxvaidAhaD}oX@YMAKWZ?Sarwj!GFvVm>pF0
z+%ss~U}{HyQ1yH2j@*Xdk4eYQ7u$}7yJwcdl<w@_+X=A0HjhMi+B(OcwH6uBQY|G|
z6fs{Kee5pD*gw<{zGEz!4nM7-Q8-PAFwG9SmuvZsl`KXB_tM63#c(#w`wWaZdBCh<
z0zA);AetK5oX9_Tx{)uc|2AOR^|)JkSqO>u7yHgn`Si4X_{;|=I#*YWx3LHcIV)WK
zVT6Z-rrH619Nlfijr8`8o>zjBUlD=|WvY6>8k&iV5t3LEu~+O)Yz?_<$}YI`uuZ|M
zi1|Ur^J25#4WuM3ZZxj6+3E+zJ5}N@&{0<-3=$tNqLuXUUmq*(XLgfEG3uXV*m^4Q
zCKl$4Q@2l!xw0Gseoqn<m)PbKnoIVKd}P08m}Hwmei>@rkrUgd3@yaPe)#>;&Eid3
zLU4HZ-%mq_Gl9!CvM*>u3+=)YREG0CmPVWMKIO(amh8VK8SaP^42G%VpOyPn?Vg1o
z^WWc@ogY{JwIqB_)&-~q13hz~ep!Nhn5L-e;UrSo`FRT1#4-6*3@+xM!;*m3jMZB)
z_R(3Bu<C`hE8ULo$%OO>^<rJJx-7HkR{TD*LTI{?Y|0ZB+Z^<Ft`cyu70&gWlw$#9
ztF_uDv#Ht*u*|48>Gp)c{%uOC?&29Iz+c&tmzyqTn!`>xJ~1=)?=I|J4cl_h?4GWJ
zH3Zv?_WK-jkJ;m|rB9s4_krZtHVpH~;?Hg414{a)&oF{Hg!0qvjiU>ibH1+Q$8r*L
zPt|5;r}qVF3|c(4wY!#WXOySGSLt?ugOI7Y)>-iQb$<V^;lb994{uHisjf0{=BB=d
zjL$}^WQIO~4FY(BKJrioByV+YM~6K`GnDXGGO-|YAe6Lkf;`_@y4<<S#hs6tPUT^4
z0YHRDXs0tE3O;XsUi=0^Wy2DLVd_?}OYUCOj$0pAV)&OKid~(x5W+|Bt4WkOtbNPn
zc<j;I4WRIXG`sdsqYq)s$@g!}>1glkB<JAmL|_1MxR{iPn79aB#uzRpCm|~bhYJxl
zaJYMhasL0M;Q7qa%{l1*ufRI6!%0vueQx~!7^J$PeH{oR-2AmeDxjB%fWV-^(6G+N
zBLE2x80G+m@IZ9a=t&@)i17Pg9Z7f^j5&v9rv`e4d)Rs?hQhUr9>4(GjI_RoYLXcQ
P6963zeMGIAUBv$Y4kLO$

diff --git a/static/vuetify-logo.svg b/static/vuetify-logo.svg
deleted file mode 100644
index 145b6d1..0000000
--- a/static/vuetify-logo.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 87.5 100"><defs><style>.cls-1{fill:#1697f6;}.cls-2{fill:#7bc6ff;}.cls-3{fill:#1867c0;}.cls-4{fill:#aeddff;}</style></defs><title>Artboard 46</title><polyline class="cls-1" points="43.75 0 23.31 0 43.75 48.32"/><polygon class="cls-2" points="43.75 62.5 43.75 100 0 14.58 22.92 14.58 43.75 62.5"/><polyline class="cls-3" points="43.75 0 64.19 0 43.75 48.32"/><polygon class="cls-4" points="64.58 14.58 87.5 14.58 43.75 100 43.75 62.5 64.58 14.58"/></svg>
diff --git a/test/Logo.spec.js b/test/Logo.spec.js
deleted file mode 100644
index c5fbeeb..0000000
--- a/test/Logo.spec.js
+++ /dev/null
@@ -1,9 +0,0 @@
-import { mount } from '@vue/test-utils'
-import Logo from '@/components/Logo.vue'
-
-describe('Logo', () => {
-  test('is a Vue instance', () => {
-    const wrapper = mount(Logo)
-    expect(wrapper.vm).toBeTruthy()
-  })
-})

From 0b35707763379a7cec9ba6447d74e578f0eac5db Mon Sep 17 00:00:00 2001
From: Wuzado <23276409+Wuzado@users.noreply.github.com>
Date: Tue, 2 Feb 2021 20:13:45 +0100
Subject: [PATCH 02/10] feat(ui): change colors

---
 assets/{ => css}/variables.scss |  0
 nuxt.config.js                  | 28 +++++++++++++++++-----------
 2 files changed, 17 insertions(+), 11 deletions(-)
 rename assets/{ => css}/variables.scss (100%)

diff --git a/assets/variables.scss b/assets/css/variables.scss
similarity index 100%
rename from assets/variables.scss
rename to assets/css/variables.scss
diff --git a/nuxt.config.js b/nuxt.config.js
index a0b6973..e4e7a6d 100644
--- a/nuxt.config.js
+++ b/nuxt.config.js
@@ -1,5 +1,3 @@
-import colors from 'vuetify/es5/util/colors'
-
 export default {
   // Target: https://go.nuxtjs.dev/config-target
   target: 'static',
@@ -50,18 +48,26 @@ export default {
 
   // Vuetify module configuration: https://go.nuxtjs.dev/config-vuetify
   vuetify: {
-    customVariables: ['~/assets/variables.scss'],
+    customVariables: ['~/assets/css/variables.scss'],
     theme: {
-      dark: true,
       themes: {
+        light: {
+          primary: '#6680e6',
+          accent: '#b3ffff',
+          secondary: '#66b3e6',
+          info: '#66b3e6',
+          warning: '#ffc107',
+          error: '#dd2c00',
+          success: '#00e676',
+        },
         dark: {
-          primary: colors.blue.darken2,
-          accent: colors.grey.darken3,
-          secondary: colors.amber.darken3,
-          info: colors.teal.lighten1,
-          warning: colors.amber.base,
-          error: colors.deepOrange.accent4,
-          success: colors.green.accent3,
+          primary: '#1976d2',
+          accent: '#424242',
+          secondary: '#ff8f00',
+          info: '#26a69a',
+          warning: '#ffc107',
+          error: '#dd2c00',
+          success: '#00e676',
         },
       },
     },

From 45714570e056df9bd56fa3433fd39fe9b7356ddd Mon Sep 17 00:00:00 2001
From: Wuzado <23276409+Wuzado@users.noreply.github.com>
Date: Tue, 2 Feb 2021 20:14:22 +0100
Subject: [PATCH 03/10] fix(ui): add a fix for text wrapping in cards

---
 assets/css/vuetifycardwrapfix.css | 3 +++
 nuxt.config.js                    | 2 +-
 2 files changed, 4 insertions(+), 1 deletion(-)
 create mode 100644 assets/css/vuetifycardwrapfix.css

diff --git a/assets/css/vuetifycardwrapfix.css b/assets/css/vuetifycardwrapfix.css
new file mode 100644
index 0000000..41d2100
--- /dev/null
+++ b/assets/css/vuetifycardwrapfix.css
@@ -0,0 +1,3 @@
+.v-card__text, .v-card__title {
+  word-break: normal !important;
+}
diff --git a/nuxt.config.js b/nuxt.config.js
index e4e7a6d..80b433b 100644
--- a/nuxt.config.js
+++ b/nuxt.config.js
@@ -15,7 +15,7 @@ export default {
   },
 
   // Global CSS: https://go.nuxtjs.dev/config-css
-  css: [],
+  css: ['~/assets/css/vuetifycardwrapfix'],
 
   // Plugins to run before rendering page: https://go.nuxtjs.dev/config-plugins
   plugins: [],

From 13544ac7d7fdc15025762fd0f4b8914a9be9385a Mon Sep 17 00:00:00 2001
From: Wuzado <23276409+Wuzado@users.noreply.github.com>
Date: Tue, 2 Feb 2021 20:15:24 +0100
Subject: [PATCH 04/10] feat(layout): create a responsive layout

---
 layouts/default.vue | 73 ++++++++++++++++++++++++++++-----------------
 1 file changed, 45 insertions(+), 28 deletions(-)

diff --git a/layouts/default.vue b/layouts/default.vue
index 5b65d67..3dd56e6 100644
--- a/layouts/default.vue
+++ b/layouts/default.vue
@@ -1,34 +1,42 @@
 <template>
-  <v-app dark>
-    <v-navigation-drawer v-model="drawer" fixed app>
-      <v-list>
-        <v-list-item
-          v-for="(item, i) in items"
-          :key="i"
-          :to="item.to"
-          router
-          exact
-        >
-          <v-list-item-action>
-            <v-icon>{{ item.icon }}</v-icon>
-          </v-list-item-action>
-          <v-list-item-content>
-            <v-list-item-title v-text="item.title" />
-          </v-list-item-content>
-        </v-list-item>
-      </v-list>
-    </v-navigation-drawer>
-    <v-app-bar fixed app>
-      <v-app-bar-nav-icon @click.stop="drawer = !drawer" />
-      <v-toolbar-title> Fundacyjni </v-toolbar-title>
+  <v-app>
+    <v-app-bar color="primary" fixed app>
+      <v-toolbar-title class="white--text"> Fundacyjni </v-toolbar-title>
+      <v-spacer />
+      <v-btn
+        v-for="item in items"
+        :key="item.title"
+        class="ml-5 d-none d-md-flex"
+        nuxt
+        :to="item.to"
+      >
+        <v-icon left>{{ item.icon }}</v-icon>
+        {{ item.title }}
+      </v-btn>
+      <v-btn class="ml-5 d-none d-md-flex" nuxt to="/login">
+        <v-icon left>mdi-login</v-icon>
+        Zaloguj się
+      </v-btn>
     </v-app-bar>
-    <v-main>
-      <v-container>
+    <v-main style="background: #f5f5f5">
+      <v-container style="height: 100%">
         <nuxt />
       </v-container>
     </v-main>
-    <v-footer>
-      <span>&copy; {{ new Date().getFullYear() }}</span>
+    <v-bottom-navigation
+      class="d-sm-flex d-md-none"
+      app
+      background-color="primary"
+      dark
+    >
+      <v-btn v-for="item in items" :key="item.title" nuxt :to="item.to">
+        <span>{{ item.title }}</span>
+
+        <v-icon>{{ item.icon }}</v-icon>
+      </v-btn>
+    </v-bottom-navigation>
+    <v-footer color="primary">
+      <span class="white--text">&copy; {{ new Date().getFullYear() }}</span>
     </v-footer>
   </v-app>
 </template>
@@ -37,13 +45,22 @@
 export default {
   data() {
     return {
-      drawer: false,
       items: [
         {
           icon: 'mdi-apps',
-          title: 'Welcome',
+          title: 'Strona główna',
           to: '/',
         },
+        {
+          icon: 'mdi-gift',
+          title: 'Podaruj rzeczy',
+          to: '/gifting',
+        },
+        {
+          icon: 'mdi-hand-heart',
+          title: 'Podaruj pieniądze',
+          to: '/fundraising',
+        },
       ],
     }
   },

From ec16c1ebfe32a77a690921cf09e281ff8cde3afc Mon Sep 17 00:00:00 2001
From: Wuzado <23276409+Wuzado@users.noreply.github.com>
Date: Tue, 2 Feb 2021 20:15:51 +0100
Subject: [PATCH 05/10] feat: add the main page

---
 pages/index.vue | 134 +++++++++++++++++++++---------------------------
 1 file changed, 59 insertions(+), 75 deletions(-)

diff --git a/pages/index.vue b/pages/index.vue
index b502ea9..4fb5d7a 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -1,77 +1,61 @@
 <template>
-  <v-row justify="center" align="center">
-    <v-col cols="12" sm="8" md="6">
-      <v-card>
-        <v-card-title class="headline">
-          Welcome to the Vuetify + Nuxt.js template
-        </v-card-title>
-        <v-card-text>
-          <p>
-            Vuetify is a progressive Material Design component framework for
-            Vue.js. It was designed to empower developers to create amazing
-            applications.
-          </p>
-          <p>
-            For more information on Vuetify, check out the
-            <a
-              href="https://vuetifyjs.com"
-              target="_blank"
-              rel="noopener noreferrer"
-            >
-              documentation </a
-            >.
-          </p>
-          <p>
-            If you have questions, please join the official
-            <a
-              href="https://chat.vuetifyjs.com/"
-              target="_blank"
-              rel="noopener noreferrer"
-              title="chat"
-            >
-              discord </a
-            >.
-          </p>
-          <p>
-            Find a bug? Report it on the github
-            <a
-              href="https://github.com/vuetifyjs/vuetify/issues"
-              target="_blank"
-              rel="noopener noreferrer"
-              title="contribute"
-            >
-              issue board </a
-            >.
-          </p>
-          <p>
-            Thank you for developing with Vuetify and I look forward to bringing
-            more exciting features in the future.
-          </p>
-          <div class="text-xs-right">
-            <em><small>&mdash; John Leider</small></em>
-          </div>
-          <hr class="my-3" />
-          <a
-            href="https://nuxtjs.org/"
-            target="_blank"
-            rel="noopener noreferrer"
-          >
-            Nuxt Documentation
-          </a>
-          <br />
-          <a
-            href="https://github.com/nuxt/nuxt.js"
-            target="_blank"
-            rel="noopener noreferrer"
-          >
-            Nuxt GitHub
-          </a>
-        </v-card-text>
-        <v-card-actions>
-          <v-spacer />
-          <v-btn color="primary" nuxt to="/inspire"> Continue </v-btn>
-        </v-card-actions>
-      </v-card>
-    </v-col>
-  </v-row>
+  <div style="height: 100%">
+    <v-row>
+      <v-col>
+        <v-card class="d-flex align-center justify-space-around text-center">
+          <h1 style="width: 100%">Jak chcesz dzisiaj pomóc?</h1>
+        </v-card>
+      </v-col>
+    </v-row>
+    <v-row v-for="item in items" :key="item.title">
+      <v-col>
+        <v-card
+          color=""
+          class="d-flex align-center justify-space-around text-center"
+          ripple
+          nuxt
+          :to="item.to"
+        >
+          <v-icon x-large>{{ item.icon }}</v-icon>
+          <h1>{{ item.title }}</h1>
+        </v-card>
+      </v-col>
+    </v-row>
+  </div>
 </template>
+
+<script>
+export default {
+  data() {
+    return {
+      items: [
+        {
+          icon: 'mdi-gift',
+          title: 'Podaruj rzeczy',
+          to: '/gifting',
+        },
+        {
+          icon: 'mdi-hand-heart',
+          title: 'Podaruj pieniądze',
+          to: '/fundraising',
+        },
+        {
+          icon: 'mdi-apps',
+          title: 'Przeglądaj organizacje',
+          to: '/orgs',
+        },
+      ],
+    }
+  },
+}
+</script>
+
+<style scoped>
+.row,
+col {
+  height: 25%;
+}
+.v-card {
+  height: 100%;
+}
+</style>

From 2b44429a1174b2c7b5d119e86a193306539e335d Mon Sep 17 00:00:00 2001
From: Wuzado <23276409+Wuzado@users.noreply.github.com>
Date: Tue, 2 Feb 2021 20:16:41 +0100
Subject: [PATCH 06/10] feat: add mocks for post/offer views

---
 components/itemCard.vue | 15 +++++++++++
 pages/fundraising.vue   | 59 +++++++++++++++++++++++++++++++++++++++++
 pages/gifting.vue       | 59 +++++++++++++++++++++++++++++++++++++++++
 3 files changed, 133 insertions(+)
 create mode 100644 components/itemCard.vue
 create mode 100644 pages/fundraising.vue
 create mode 100644 pages/gifting.vue

diff --git a/components/itemCard.vue b/components/itemCard.vue
new file mode 100644
index 0000000..a1c6ca3
--- /dev/null
+++ b/components/itemCard.vue
@@ -0,0 +1,15 @@
+<template>
+  <v-card>
+    <v-img :src="image" max-height="200px"></v-img>
+    <v-card-title>Lorem Ipsum</v-card-title>
+    <v-card-subtitle> <v-img></v-img> przez Lorem Ipsum </v-card-subtitle>
+  </v-card>
+</template>
+
+<script>
+export default {
+  props: {
+    image: String,
+  },
+}
+</script>
diff --git a/pages/fundraising.vue b/pages/fundraising.vue
new file mode 100644
index 0000000..f141547
--- /dev/null
+++ b/pages/fundraising.vue
@@ -0,0 +1,59 @@
+<template>
+  <div>
+    <v-row justify="center">
+      <v-col cols="12">
+        <v-text-field
+          v-model="searchQuery"
+          append-outer-icon="mdi-magnify"
+          filled
+          clear-icon="mdi-close-circle"
+          clearable
+          label="Wyszukaj"
+          type="text"
+          @click:append-outer="sendQuery"
+          @click:clear="clearQuery"
+        />
+      </v-col>
+    </v-row>
+    <v-row justify="center">
+      <v-col v-for="post in posts" :key="post.id" cols="12" md="6">
+        <item-card image="https://picsum.photos/1000" class="mb-5" />
+      </v-col>
+    </v-row>
+  </div>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      posts: [
+        {
+          id: 1,
+        },
+        {
+          id: 2,
+        },
+        {
+          id: 3,
+        },
+        {
+          id: 4,
+        },
+        {
+          id: 5,
+        },
+      ],
+      searchQuery: '',
+    }
+  },
+  methods: {
+    sendQuery() {
+      this.clearQuery()
+    },
+    clearQuery() {
+      this.searchQuery = ''
+    },
+  },
+}
+</script>
diff --git a/pages/gifting.vue b/pages/gifting.vue
new file mode 100644
index 0000000..f141547
--- /dev/null
+++ b/pages/gifting.vue
@@ -0,0 +1,59 @@
+<template>
+  <div>
+    <v-row justify="center">
+      <v-col cols="12">
+        <v-text-field
+          v-model="searchQuery"
+          append-outer-icon="mdi-magnify"
+          filled
+          clear-icon="mdi-close-circle"
+          clearable
+          label="Wyszukaj"
+          type="text"
+          @click:append-outer="sendQuery"
+          @click:clear="clearQuery"
+        />
+      </v-col>
+    </v-row>
+    <v-row justify="center">
+      <v-col v-for="post in posts" :key="post.id" cols="12" md="6">
+        <item-card image="https://picsum.photos/1000" class="mb-5" />
+      </v-col>
+    </v-row>
+  </div>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      posts: [
+        {
+          id: 1,
+        },
+        {
+          id: 2,
+        },
+        {
+          id: 3,
+        },
+        {
+          id: 4,
+        },
+        {
+          id: 5,
+        },
+      ],
+      searchQuery: '',
+    }
+  },
+  methods: {
+    sendQuery() {
+      this.clearQuery()
+    },
+    clearQuery() {
+      this.searchQuery = ''
+    },
+  },
+}
+</script>

From 198b3501508aa752e21d4be46eb6370f67e89848 Mon Sep 17 00:00:00 2001
From: mwawrzen <w.w@op.pl>
Date: Fri, 5 Feb 2021 13:47:06 +0100
Subject: [PATCH 07/10] feat: add login form

---
 pages/login.vue | 63 +++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 63 insertions(+)
 create mode 100644 pages/login.vue

diff --git a/pages/login.vue b/pages/login.vue
new file mode 100644
index 0000000..da194c8
--- /dev/null
+++ b/pages/login.vue
@@ -0,0 +1,63 @@
+<template>
+  <v-row align="center" justify="center" style="height: 100%">
+    <v-col sm="8" md="5" lg="5" xl="3">
+      <v-card class="pa-10" elevation="2" outlined style="border-radius: 20px">
+        <v-form ref="form" v-model="valid" lazy-validation>
+          <v-text-field
+            v-model="username"
+            :rules="loginRules"
+            label="login"
+            placeholder="login lub email"
+            prepend-icon="mdi-account-circle"
+            outlined
+            dense
+          ></v-text-field>
+          <v-text-field
+            v-model="password"
+            :rules="loginRules"
+            label="hasło"
+            placeholder="hasło"
+            prepend-icon="mdi-lock"
+            outlined
+            dense
+          ></v-text-field>
+          <v-btn
+            block
+            class="mt-5 green accent-3"
+            style="color: #eee"
+            :disabled="!valid"
+            @click="validate"
+          >
+            Zaloguj
+          </v-btn>
+        </v-form>
+      </v-card>
+    </v-col>
+  </v-row>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      valid: true,
+      username: '',
+      password: '',
+      loginRules: [(v) => !!v || 'Uzupełnij puste pola'],
+    }
+  },
+  methods: {
+    async validate() {
+      await this.$refs.form.validate()
+      if (this.valid) alert('Pomyślnie zalogowano :)')
+    },
+  },
+}
+</script>
+
+<style scoped>
+.v-form,
+.container {
+  height: 100%;
+}
+</style>

From 490b50195b7220e138d4c99671966a37d9a7c08c Mon Sep 17 00:00:00 2001
From: Wuzado <23276409+Wuzado@users.noreply.github.com>
Date: Mon, 8 Feb 2021 21:28:57 +0100
Subject: [PATCH 08/10] feat: add an initial mock of a single post

Including: maximizing pictures using v-overlay.
TODO: improved responsivity on mobile devices.
---
 components/itemCard.vue |  3 ++-
 pages/gifting.vue       |  6 ++++-
 pages/posts/_id.vue     | 57 +++++++++++++++++++++++++++++++++++++++++
 pages/posts/index.vue   |  7 +++++
 4 files changed, 71 insertions(+), 2 deletions(-)
 create mode 100644 pages/posts/_id.vue
 create mode 100644 pages/posts/index.vue

diff --git a/components/itemCard.vue b/components/itemCard.vue
index a1c6ca3..4df8103 100644
--- a/components/itemCard.vue
+++ b/components/itemCard.vue
@@ -1,5 +1,5 @@
 <template>
-  <v-card>
+  <v-card nuxt :to="'/posts/' + id">
     <v-img :src="image" max-height="200px"></v-img>
     <v-card-title>Lorem Ipsum</v-card-title>
     <v-card-subtitle> <v-img></v-img> przez Lorem Ipsum </v-card-subtitle>
@@ -10,6 +10,7 @@
 export default {
   props: {
     image: String,
+    id: Number,
   },
 }
 </script>
diff --git a/pages/gifting.vue b/pages/gifting.vue
index f141547..027be59 100644
--- a/pages/gifting.vue
+++ b/pages/gifting.vue
@@ -17,7 +17,11 @@
     </v-row>
     <v-row justify="center">
       <v-col v-for="post in posts" :key="post.id" cols="12" md="6">
-        <item-card image="https://picsum.photos/1000" class="mb-5" />
+        <item-card
+          :id="post.id"
+          image="https://picsum.photos/1000"
+          class="mb-5"
+        />
       </v-col>
     </v-row>
   </div>
diff --git a/pages/posts/_id.vue b/pages/posts/_id.vue
new file mode 100644
index 0000000..52d6eb4
--- /dev/null
+++ b/pages/posts/_id.vue
@@ -0,0 +1,57 @@
+<template>
+  <div>
+    <v-overlay z-index="99" :value="overlay">
+      <v-img max-width="100vw" max-height="100vh" contain :src="currentImg" />
+      <v-btn absolute icon x-large right top @click="overlay = false">
+        <v-icon>mdi-close</v-icon>
+      </v-btn>
+    </v-overlay>
+    <v-row justify="center">
+      <v-col cols="12" md="8">
+        <v-card>
+          <v-carousel>
+            <v-carousel-item
+              v-for="image in images"
+              :key="image"
+              ripple
+              @click="
+                overlay = true
+                currentImg = image
+              "
+            >
+              <v-img max-height="100%" max-width="100%" :src="image" />
+            </v-carousel-item>
+          </v-carousel>
+          <v-card-title>Lorem Ipsum</v-card-title>
+          <div class="px-4 pb-4">
+            Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
+            eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
+            ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
+            aliquip ex ea commodo consequat. Duis aute irure dolor in
+            reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
+            pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
+            culpa qui officia deserunt mollit anim id est laborum.
+          </div>
+        </v-card>
+      </v-col>
+    </v-row>
+  </div>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      overlay: false,
+      currentImg: '',
+      images: [
+        'https://picsum.photos/1920/1080',
+        'https://picsum.photos/960/720',
+        'https://picsum.photos/2160/4096',
+        'https://picsum.photos/4000',
+        'https://picsum.photos/800/600',
+      ],
+    }
+  },
+}
+</script>
diff --git a/pages/posts/index.vue b/pages/posts/index.vue
new file mode 100644
index 0000000..4956ee2
--- /dev/null
+++ b/pages/posts/index.vue
@@ -0,0 +1,7 @@
+<script>
+export default {
+  asyncData({ redirect }) {
+    redirect('/')
+  },
+}
+</script>

From 8421c8e31ded2cdc95672b1075554148a65c8860 Mon Sep 17 00:00:00 2001
From: Wuzado <23276409+Wuzado@users.noreply.github.com>
Date: Mon, 1 Mar 2021 23:00:31 +0100
Subject: [PATCH 09/10] fix: don't enable the login button before the form is
 filled out

---
 pages/login.vue | 7 +++----
 1 file changed, 3 insertions(+), 4 deletions(-)

diff --git a/pages/login.vue b/pages/login.vue
index da194c8..4f13b58 100644
--- a/pages/login.vue
+++ b/pages/login.vue
@@ -2,7 +2,7 @@
   <v-row align="center" justify="center" style="height: 100%">
     <v-col sm="8" md="5" lg="5" xl="3">
       <v-card class="pa-10" elevation="2" outlined style="border-radius: 20px">
-        <v-form ref="form" v-model="valid" lazy-validation>
+        <v-form v-model="valid">
           <v-text-field
             v-model="username"
             :rules="loginRules"
@@ -40,15 +40,14 @@
 export default {
   data() {
     return {
-      valid: true,
+      valid: false,
       username: '',
       password: '',
       loginRules: [(v) => !!v || 'Uzupełnij puste pola'],
     }
   },
   methods: {
-    async validate() {
-      await this.$refs.form.validate()
+    validate() {
       if (this.valid) alert('Pomyślnie zalogowano :)')
     },
   },

From 4766d401f832234f4d69e3b22737faebc1415480 Mon Sep 17 00:00:00 2001
From: Wuzado <23276409+Wuzado@users.noreply.github.com>
Date: Mon, 1 Mar 2021 23:02:48 +0100
Subject: [PATCH 10/10] fix: make the first letter in labels and placeholders
 capital

---
 pages/login.vue | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/pages/login.vue b/pages/login.vue
index 4f13b58..bf3ad1d 100644
--- a/pages/login.vue
+++ b/pages/login.vue
@@ -6,8 +6,8 @@
           <v-text-field
             v-model="username"
             :rules="loginRules"
-            label="login"
-            placeholder="login lub email"
+            label="Login"
+            placeholder="Login lub email"
             prepend-icon="mdi-account-circle"
             outlined
             dense
@@ -15,8 +15,8 @@
           <v-text-field
             v-model="password"
             :rules="loginRules"
-            label="hasło"
-            placeholder="hasło"
+            label="Hasło"
+            placeholder="Hasło"
             prepend-icon="mdi-lock"
             outlined
             dense