| commit | author | age | ||
| a4d58c | 1 | <template> |
| 275780 | 2 | <TheHeader :title="rememberMe"></TheHeader> |
| 86991c | 3 | <stored-resources :resources="storedResouces"> </stored-resources> |
| a4d58c | 4 | </template> |
| CM | 5 | |
| 6 | <script> | |
| 86991c | 7 | import StoredResources from './components/learning-resource/StoredResource.vue'; |
| 275780 | 8 | import TheHeader from './components/layouts/TheHeader.vue'; |
| eb387d | 9 | |
| a4d58c | 10 | export default { |
| 86991c | 11 | components: { |
| CM | 12 | StoredResources: StoredResources, |
| 275780 | 13 | TheHeader: TheHeader, |
| 86991c | 14 | }, |
| CM | 15 | data() { |
| 16 | return { | |
| 275780 | 17 | rememberMe: 'Remember Me', |
| 86991c | 18 | storedResouces: [ |
| CM | 19 | { |
| 20 | id: 'official-guide', | |
| 21 | title: 'Official Guide', | |
| 22 | description: 'The official Vue.js documentation', | |
| 23 | link: 'https://vuejs.org', | |
| 24 | }, | |
| 25 | { | |
| 26 | id: 'google', | |
| 27 | title: 'Google', | |
| 28 | description: 'Learn to google...', | |
| 29 | link: 'https://google.com', | |
| 30 | }, | |
| 31 | ], | |
| 32 | }; | |
| 33 | }, | |
| 34 | }; | |
| 43396a | 35 | </script> |
| CM | 36 | |
| 37 | <style> | |
| 38 | @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap'); | |
| 39 | ||
| 40 | * { | |
| 86991c | 41 | box-sizing: border-box; |
| 43396a | 42 | } |
| CM | 43 | |
| 44 | html { | |
| 86991c | 45 | font-family: 'Roboto', sans-serif; |
| 43396a | 46 | } |
| CM | 47 | |
| 48 | body { | |
| 86991c | 49 | margin: 0; |
| 43396a | 50 | } |
| 86991c | 51 | </style> |
