From 86991ce9905eeea513635a340cda50f57296d896 Mon Sep 17 00:00:00 2001
From: Cristiano Magro <cristiano.magro@vola.it>
Date: Tue, 07 Jan 2025 11:25:20 +0100
Subject: [PATCH] stili e nuovo componente
---
10 - course project/xno-prj-cmp-01-starting-setup/src/App.vue | 60 ++++++++++++++++++++++++++++--------------------------------
1 files changed, 28 insertions(+), 32 deletions(-)
diff --git a/10 - course project/xno-prj-cmp-01-starting-setup/src/App.vue b/10 - course project/xno-prj-cmp-01-starting-setup/src/App.vue
index 5b78070..f710979 100644
--- a/10 - course project/xno-prj-cmp-01-starting-setup/src/App.vue
+++ b/10 - course project/xno-prj-cmp-01-starting-setup/src/App.vue
@@ -1,51 +1,47 @@
<template>
- <ul>
- <learning-resource v-for="res in storedResouces" :key="res.id" :title="res.title" :description="res.description"
- :link="res.link">
- </learning-resource>
- </ul>
+ <stored-resources :resources="storedResouces"> </stored-resources>
</template>
<script>
-import LearningResource from './components/learning-resource/LearningResource.vue';
+import StoredResources from './components/learning-resource/StoredResource.vue';
export default {
- components: {
- LearningResource: LearningResource,
- },
- data() {
- return {
- storedResouces: [
- {
- id: 'official-guide',
- title: 'Official Guide',
- description: 'The official Vue.js documentation',
- link: 'https://vuejs.org'
- },
- {
- id: 'google',
- title: 'Google',
- description: 'Learn to google...',
- link: 'https://google.com'
- },
- ]
- }
- }
-}
+ components: {
+ StoredResources: StoredResources,
+ },
+ data() {
+ return {
+ storedResouces: [
+ {
+ id: 'official-guide',
+ title: 'Official Guide',
+ description: 'The official Vue.js documentation',
+ link: 'https://vuejs.org',
+ },
+ {
+ id: 'google',
+ title: 'Google',
+ description: 'Learn to google...',
+ link: 'https://google.com',
+ },
+ ],
+ };
+ },
+};
</script>
<style>
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');
* {
- box-sizing: border-box;
+ box-sizing: border-box;
}
html {
- font-family: 'Roboto', sans-serif;
+ font-family: 'Roboto', sans-serif;
}
body {
- margin: 0;
+ margin: 0;
}
-</style>
\ No newline at end of file
+</style>
--
Gitblit v1.8.0