Topics.vue

<!--
  This source file is part of the Swift.org open source project

  Copyright (c) 2021-2023 Apple Inc. and the Swift project authors
  Licensed under Apache License v2.0 with Runtime Library Exception

  See https://swift.org/LICENSE.txt for license information
  See https://swift.org/CONTRIBUTORS.txt for Swift project authors
-->

<template>
  <TopicsTable
    :anchor="contentSectionData.anchor"
    :title="$t(contentSectionData.title)"
    :isSymbolDeprecated="isSymbolDeprecated"
    :isSymbolBeta="isSymbolBeta"
    :sections="sections"
    :topicStyle="topicStyle"
  />
</template>

<script>
import { TopicSectionsStyle } from 'docc-render/constants/TopicSectionsStyle';
import { MainContentSectionAnchors } from 'docc-render/constants/ContentSectionAnchors';
import TopicsTable from './TopicsTable.vue';

export default {
  name: 'Topics',
  components: { TopicsTable },
  computed: {
    contentSectionData: () => MainContentSectionAnchors.topics,
  },
  props: {
    isSymbolDeprecated: Boolean,
    isSymbolBeta: Boolean,
    sections: TopicsTable.props.sections,
    topicStyle: {
      type: String,
      required: true,
      validator: v => Object.hasOwnProperty.call(TopicSectionsStyle, v),
    },
  },
};
</script>