import { ref } from '@nuxtjs/composition-api';

export default {
  setup() {
    const name = ref('Kerim');
    const pronouns = ref('He' || 'Him');
    const currentlyLearning = ref('Nuxt.js');

    const skills = ref([
      'PHP',
      'JavaScript',
      'C#',
      'VB',
      'Git',
      'Linux',
      'Databases',
      'REST APIs',
    ]);

    const introduce = () => {
      alert(`Hello! I'm ${name.value}. You can also call me ${pronouns.value}.`);
    };

    const learnNewSkill = (newSkill) => {
      skills.value.push(newSkill);
      alert(`I'm now learning ${newSkill}!`);
    };

    return {
      name,
      pronouns,
      currentlyLearning,
      skills,
      introduce,
      learnNewSkill,
    };
  },
};