Dynamic component, add resource, styling tabs

Cristiano Magro

2025-01-07 2c19b50d9eaacb5347f3e9f108d149948efa9490

 10 - course project/xno-prj-cmp-01-starting-setup/src/App.vue

@@ -1,34 +1,20 @@
<template>
  <TheHeader :title="rememberMe"></TheHeader>
  <stored-resources :resources="storedResouces"> </stored-resources>
  <TheResources></TheResources>
</template>

<script>
import StoredResources from './components/learning-resource/StoredResource.vue';
import TheHeader from './components/layouts/TheHeader.vue';
import TheResources from './components/learning-resource/TheResources.vue';

export default {
  components: {
    StoredResources: StoredResources,
    TheHeader: TheHeader,
    TheResources: TheResources,
  },
  data() {
    return {
      rememberMe: 'Remember Me',
      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',
        },
      ],
    };
  },
};