Untitled

<template>
    <div class="server-page">
      <h1>{{ server.name }}</h1>
      <img :src="server.image" :alt="server.name">
      <p>{{ server.description }}</p>
      <div class="tags">
        <span v-for="tag in server.tags" :key="tag" class="tag">{{ tag }}</span>
      </div>
      <a :href="server.invite" target="_blank" rel="noopener noreferrer">Join Server</a>
    </div>
  </template>
  
  <script lang="ts">
  import { defineComponent, PropType } from 'vue';
  import { Server } from '../types/server.ts';
  
  export default defineComponent({
    name: 'ServerPage',
    props: {
      server: {
        type: Object as PropType<Server>,
        required: true
      }
    }
  });