<template>
  <w-grid
    :title="$t('menu.developer.plugin.frontendModule')"
    :toolbar-actions="['refresh', 'separator', 'view']"
    :fetch-data-url="Environment.apiContextPath('/api/developer/plugins/frontendModule')"
    :checkbox-selection="false"
    :pageable="false"
    :columns="[
      { width: 200, name: 'name', label: $t('name'), sortable: false },
      {
        width: 200,
        name: 'components',
        label: $t('component'),
        sortable: false,
        format: Formater.join('<br/>'),
        title: Formater.join('\n'),
      },
      {
        width: 400,
        name: 'resources',
        label: $t('resource'),
        sortable: false,
        format: Formater.join('<br/>'),
        title: Formater.join('\n'),
      },
      { width: 100, name: 'configurationFileUrl', label: $t('url'), sortable: false },
    ]"
  ></w-grid>
</template>
<script setup lang="ts">
import 'tailwindcss/utilities.css';
import { Environment, Formater } from 'platform-core';
</script>
