<script setup lang="ts">
const meta = {
  title: "Enderman's Projects",
  description:
    "A display of my largest projects. Some of them aren't published on YouTube.",
  image: 'https://enderman.ch/images/logo.png',
  url: 'https://enderman.ch/projects',
}

useSeoMeta({
  title: meta.title,
  description: meta.description,
  ogTitle: meta.title,
  ogDescription: meta.description,
  ogImage: meta.image,
  ogUrl: meta.url,
  ogType: 'website',
  twitterTitle: meta.title,
  twitterDescription: meta.description,
  twitterImage: meta.image,
  twitterCard: 'summary',
})

useHead({
  title: 'Projects',
  htmlAttrs: {
    lang: 'en',
  },
  link: [
    {
      rel: 'icon',
      type: 'image/x-icon',
      href: '/favicon.ico',
    },
  ],
})
</script>

<template>
  <section>
    <h3 class="alex">Projects</h3>
    <p>This page is under construction. My current projects are:</p>
    <ul>
      <li>MalwareWatch</li>
      <li>You Are an Idiot! (dot cc)</li>
      <li>HURR-DURR (dot cc)</li>
      <li>ClickSword</li>
      <li>Windows XP Keygen / UMSKT</li>
    </ul>
  </section>
</template>

<style scoped lang="scss"></style>
