1+
2+ <!doctype html>
3+ < html lang ="en " class ="no-js ">
4+ < head >
5+
6+ < meta charset ="utf-8 ">
7+ < meta name ="viewport " content ="width=device-width,initial-scale=1 ">
8+
9+
10+
11+
12+
13+
14+ < link rel ="icon " href ="/assets/images/favicon.png ">
15+ < meta name ="generator " content ="mkdocs-1.6.1, mkdocs-material-9.6.14 ">
16+
17+
18+
19+ < title > Gamification Task List using Vue and TypeScript</ title >
20+
21+
22+
23+ < link rel ="stylesheet " href ="/assets/stylesheets/main.342714a4.min.css ">
24+
25+
26+
27+
28+
29+
30+
31+
32+
33+
34+
35+
36+ < link rel ="preconnect " href ="https://fonts.gstatic.com " crossorigin >
37+ < link rel ="stylesheet " href ="https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,700,700i%7CRoboto+Mono:400,400i,700,700i&display=fallback ">
38+ < style > : root {--md-text-font : "Roboto" ;--md-code-font : "Roboto Mono" }</ style >
39+
40+
41+
42+ < script > __md_scope = new URL ( "/" , location ) , __md_hash = e => [ ...e ] . reduce ( ( ( e , _ ) => ( e << 5 ) - e + _ . charCodeAt ( 0 ) ) , 0 ) , __md_get = ( e , _ = localStorage , t = __md_scope ) => JSON . parse ( _ . getItem ( t . pathname + "." + e ) ) , __md_set = ( e , _ , t = localStorage , a = __md_scope ) => { try { t . setItem ( a . pathname + "." + e , JSON . stringify ( _ ) ) } catch ( e ) { } } </ script >
43+
44+
45+
46+
47+
48+
49+ </ head >
50+
51+
52+ < body dir ="ltr ">
53+
54+
55+ < input class ="md-toggle " data-md-toggle ="drawer " type ="checkbox " id ="__drawer " autocomplete ="off ">
56+ < input class ="md-toggle " data-md-toggle ="search " type ="checkbox " id ="__search " autocomplete ="off ">
57+ < label class ="md-overlay " for ="__drawer "> </ label >
58+ < div data-md-component ="skip ">
59+
60+ </ div >
61+ < div data-md-component ="announce ">
62+
63+ </ div >
64+
65+
66+
67+
68+
69+
70+ < header class ="md-header md-header--shadow " data-md-component ="header ">
71+ < nav class ="md-header__inner md-grid " aria-label ="Header ">
72+ < a href ="/. " title ="Gamification Task List using Vue and TypeScript " class ="md-header__button md-logo " aria-label ="Gamification Task List using Vue and TypeScript " data-md-component ="logo ">
73+
74+
75+ < svg xmlns ="http://www.w3.org/2000/svg " viewBox ="0 0 24 24 "> < path d ="M12 8a3 3 0 0 0 3-3 3 3 0 0 0-3-3 3 3 0 0 0-3 3 3 3 0 0 0 3 3m0 3.54C9.64 9.35 6.5 8 3 8v11c3.5 0 6.64 1.35 9 3.54 2.36-2.19 5.5-3.54 9-3.54V8c-3.5 0-6.64 1.35-9 3.54 "/> </ svg >
76+
77+ </ a >
78+ < label class ="md-header__button md-icon " for ="__drawer ">
79+
80+ < svg xmlns ="http://www.w3.org/2000/svg " viewBox ="0 0 24 24 "> < path d ="M3 6h18v2H3zm0 5h18v2H3zm0 5h18v2H3z "/> </ svg >
81+ </ label >
82+ < div class ="md-header__title " data-md-component ="header-title ">
83+ < div class ="md-header__ellipsis ">
84+ < div class ="md-header__topic ">
85+ < span class ="md-ellipsis ">
86+ Gamification Task List using Vue and TypeScript
87+ </ span >
88+ </ div >
89+ < div class ="md-header__topic " data-md-component ="header-topic ">
90+ < span class ="md-ellipsis ">
91+
92+
93+
94+ </ span >
95+ </ div >
96+ </ div >
97+ </ div >
98+
99+
100+ < script > var palette = __md_get ( "__palette" ) ; if ( palette && palette . color ) { if ( "(prefers-color-scheme)" === palette . color . media ) { var media = matchMedia ( "(prefers-color-scheme: light)" ) , input = document . querySelector ( media . matches ?"[data-md-color-media='(prefers-color-scheme: light)']" :"[data-md-color-media='(prefers-color-scheme: dark)']" ) ; palette . color . media = input . getAttribute ( "data-md-color-media" ) , palette . color . scheme = input . getAttribute ( "data-md-color-scheme" ) , palette . color . primary = input . getAttribute ( "data-md-color-primary" ) , palette . color . accent = input . getAttribute ( "data-md-color-accent" ) } for ( var [ key , value ] of Object . entries ( palette . color ) ) document . body . setAttribute ( "data-md-color-" + key , value ) } </ script >
101+
102+
103+
104+
105+
106+ < label class ="md-header__button md-icon " for ="__search ">
107+
108+ < svg xmlns ="http://www.w3.org/2000/svg " viewBox ="0 0 24 24 "> < path d ="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5 "/> </ svg >
109+ </ label >
110+ < div class ="md-search " data-md-component ="search " role ="dialog ">
111+ < label class ="md-search__overlay " for ="__search "> </ label >
112+ < div class ="md-search__inner " role ="search ">
113+ < form class ="md-search__form " name ="search ">
114+ < input type ="text " class ="md-search__input " name ="query " aria-label ="Search " placeholder ="Search " autocapitalize ="off " autocorrect ="off " autocomplete ="off " spellcheck ="false " data-md-component ="search-query " required >
115+ < label class ="md-search__icon md-icon " for ="__search ">
116+
117+ < svg xmlns ="http://www.w3.org/2000/svg " viewBox ="0 0 24 24 "> < path d ="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5 "/> </ svg >
118+
119+ < svg xmlns ="http://www.w3.org/2000/svg " viewBox ="0 0 24 24 "> < path d ="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11z "/> </ svg >
120+ </ label >
121+ < nav class ="md-search__options " aria-label ="Search ">
122+
123+ < button type ="reset " class ="md-search__icon md-icon " title ="Clear " aria-label ="Clear " tabindex ="-1 ">
124+
125+ < svg xmlns ="http://www.w3.org/2000/svg " viewBox ="0 0 24 24 "> < path d ="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z "/> </ svg >
126+ </ button >
127+ </ nav >
128+
129+ </ form >
130+ < div class ="md-search__output ">
131+ < div class ="md-search__scrollwrap " tabindex ="0 " data-md-scrollfix >
132+ < div class ="md-search-result " data-md-component ="search-result ">
133+ < div class ="md-search-result__meta ">
134+ Initializing search
135+ </ div >
136+ < ol class ="md-search-result__list " role ="presentation "> </ ol >
137+ </ div >
138+ </ div >
139+ </ div >
140+ </ div >
141+ </ div >
142+
143+
144+
145+ < div class ="md-header__source ">
146+ < a href ="https://github.com/lulunac27a/gamification-task-list-vue-typescript " title ="Go to repository " class ="md-source " data-md-component ="source ">
147+ < div class ="md-source__icon md-icon ">
148+
149+ < svg xmlns ="http://www.w3.org/2000/svg " viewBox ="0 0 448 512 "> <!--! Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--> < path d ="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81 "/> </ svg >
150+ </ div >
151+ < div class ="md-source__repository ">
152+ GitHub
153+ </ div >
154+ </ a >
155+ </ div >
156+
157+ </ nav >
158+
159+ </ header >
160+
161+ < div class ="md-container " data-md-component ="container ">
162+
163+
164+
165+
166+
167+
168+ < main class ="md-main " data-md-component ="main ">
169+ < div class ="md-main__inner md-grid ">
170+
171+
172+
173+ < div class ="md-sidebar md-sidebar--primary " data-md-component ="sidebar " data-md-type ="navigation " >
174+ < div class ="md-sidebar__scrollwrap ">
175+ < div class ="md-sidebar__inner ">
176+
177+
178+
179+
180+ < nav class ="md-nav md-nav--primary " aria-label ="Navigation " data-md-level ="0 ">
181+ < label class ="md-nav__title " for ="__drawer ">
182+ < a href ="/. " title ="Gamification Task List using Vue and TypeScript " class ="md-nav__button md-logo " aria-label ="Gamification Task List using Vue and TypeScript " data-md-component ="logo ">
183+
184+
185+ < svg xmlns ="http://www.w3.org/2000/svg " viewBox ="0 0 24 24 "> < path d ="M12 8a3 3 0 0 0 3-3 3 3 0 0 0-3-3 3 3 0 0 0-3 3 3 3 0 0 0 3 3m0 3.54C9.64 9.35 6.5 8 3 8v11c3.5 0 6.64 1.35 9 3.54 2.36-2.19 5.5-3.54 9-3.54V8c-3.5 0-6.64 1.35-9 3.54 "/> </ svg >
186+
187+ </ a >
188+ Gamification Task List using Vue and TypeScript
189+ </ label >
190+
191+ < div class ="md-nav__source ">
192+ < a href ="https://github.com/lulunac27a/gamification-task-list-vue-typescript " title ="Go to repository " class ="md-source " data-md-component ="source ">
193+ < div class ="md-source__icon md-icon ">
194+
195+ < svg xmlns ="http://www.w3.org/2000/svg " viewBox ="0 0 448 512 "> <!--! Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--> < path d ="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81 "/> </ svg >
196+ </ div >
197+ < div class ="md-source__repository ">
198+ GitHub
199+ </ div >
200+ </ a >
201+ </ div >
202+
203+ < ul class ="md-nav__list " data-md-scrollfix >
204+
205+
206+
207+
208+
209+
210+
211+ < li class ="md-nav__item ">
212+ < a href ="/. " class ="md-nav__link ">
213+
214+
215+
216+ < span class ="md-ellipsis ">
217+ Vue gamification task list app with Vuex, SCSS, and TypeScript
218+
219+ </ span >
220+
221+
222+ </ a >
223+ </ li >
224+
225+
226+
227+ </ ul >
228+ </ nav >
229+ </ div >
230+ </ div >
231+ </ div >
232+
233+
234+
235+ < div class ="md-sidebar md-sidebar--secondary " data-md-component ="sidebar " data-md-type ="toc " >
236+ < div class ="md-sidebar__scrollwrap ">
237+ < div class ="md-sidebar__inner ">
238+
239+
240+ < nav class ="md-nav md-nav--secondary " aria-label ="Table of contents ">
241+
242+
243+
244+
245+ </ nav >
246+ </ div >
247+ </ div >
248+ </ div >
249+
250+
251+
252+ < div class ="md-content " data-md-component ="content ">
253+ < article class ="md-content__inner md-typeset ">
254+
255+ < h1 > 404 - Not found</ h1 >
256+
257+ </ article >
258+ </ div >
259+
260+
261+ < script > var target = document . getElementById ( location . hash . slice ( 1 ) ) ; target && target . name && ( target . checked = target . name . startsWith ( "__tabbed_" ) ) </ script >
262+ </ div >
263+
264+ </ main >
265+
266+ < footer class ="md-footer ">
267+
268+ < div class ="md-footer-meta md-typeset ">
269+ < div class ="md-footer-meta__inner md-grid ">
270+ < div class ="md-copyright ">
271+
272+
273+ Made with
274+ < a href ="https://squidfunk.github.io/mkdocs-material/ " target ="_blank " rel ="noopener ">
275+ Material for MkDocs
276+ </ a >
277+
278+ </ div >
279+
280+ </ div >
281+ </ div >
282+ </ footer >
283+
284+ </ div >
285+ < div class ="md-dialog " data-md-component ="dialog ">
286+ < div class ="md-dialog__inner md-typeset "> </ div >
287+ </ div >
288+
289+
290+
291+
292+ < script id ="__config " type ="application/json "> { "base" : "/" , "features" : [ ] , "search" : "/assets/javascripts/workers/search.d50fe291.min.js" , "tags" : null , "translations" : { "clipboard.copied" : "Copied to clipboard" , "clipboard.copy" : "Copy to clipboard" , "search.result.more.one" : "1 more on this page" , "search.result.more.other" : "# more on this page" , "search.result.none" : "No matching documents" , "search.result.one" : "1 matching document" , "search.result.other" : "# matching documents" , "search.result.placeholder" : "Type to start searching" , "search.result.term.missing" : "Missing" , "select.version" : "Select version" } , "version" : null } </ script >
293+
294+
295+ < script src ="/assets/javascripts/bundle.13a4f30d.min.js "> </ script >
296+
297+
298+ </ body >
299+ </ html >
0 commit comments