feat(*): adopt unified plugin select page

package.json

@@ -31,7 +31,7 @@
     "@kong-ui-public/entities-gateway-services": "^2.2.9",
     "@kong-ui-public/entities-key-sets": "^2.1.13",
     "@kong-ui-public/entities-keys": "^2.1.13",
-    "@kong-ui-public/entities-plugins": "^2.4.10",
+    "@kong-ui-public/entities-plugins": "^2.4.12",
     "@kong-ui-public/entities-routes": "^2.2.9",
     "@kong-ui-public/entities-shared": "^2.2.0",
     "@kong-ui-public/entities-snis": "^2.1.13",

src/App.vue

@@ -109,7 +109,7 @@ const sidebarItems = computed<Array<SidebarPrimaryItem>>(() => [
 :deep(.kong-ui-app-layout-content-inner) {
   position: relative;
   min-height: 100%;
-  padding-bottom: 80px!important;
+  padding: 32px 40px 80px !important;
 }
 
 // TODO: remove this when we upgrade to Kongponents v9

src/composables/useBaseGeneralConfig.ts

@@ -0,0 +1,18 @@
+import { reactive } from 'vue'
+import { config } from 'config'
+import { useInfoStore } from '@/stores/info'
+import type { KongManagerConfig } from '@kong-ui-public/entities-shared'
+
+const infoStore = useInfoStore()
+
+export const useBaseGeneralConfig = () => {
+  return reactive({
+    app: 'kongManager' as const,
+    workspace: '',
+    gatewayInfo: {
+      edition: config.GATEWAY_EDITION,
+      version: infoStore.kongVersion,
+    },
+    apiBaseUrl: config.ADMIN_API_URL,
+  }) as KongManagerConfig
+}

src/composables/useDetailGeneralConfig.ts

@@ -1,19 +1,10 @@
-import { reactive } from 'vue'
-import { config } from 'config'
-import { useInfoStore } from '@/stores/info'
+import { reactive, toRefs } from 'vue'
 import type { KongManagerBaseEntityConfig } from '@kong-ui-public/entities-shared'
-
-const infoStore = useInfoStore()
+import { useBaseGeneralConfig } from './useBaseGeneralConfig'
 
 export const useDetailGeneralConfig = () => {
   return reactive({
-    app: 'kongManager' as const,
-    workspace: '',
-    gatewayInfo: {
-      edition: config.GATEWAY_EDITION,
-      version: infoStore.kongVersion,
-    },
-    apiBaseUrl: config.ADMIN_API_URL,
+    ...toRefs(useBaseGeneralConfig()),
     jsonYamlEnabled: true,
-  } as Pick<KongManagerBaseEntityConfig, 'app' | 'workspace' | 'gatewayInfo' | 'apiBaseUrl' | 'jsonYamlEnabled'>)
+  }) as Pick<KongManagerBaseEntityConfig, 'app' | 'workspace' | 'gatewayInfo' | 'apiBaseUrl' | 'jsonYamlEnabled'>
 }

src/composables/useFormGeneralConfig.ts

@@ -1,18 +1,6 @@
-import { reactive } from 'vue'
-import { config } from 'config'
-import { useInfoStore } from '@/stores/info'
 import type { KongManagerBaseFormConfig } from '@kong-ui-public/entities-shared'
-
-const infoStore = useInfoStore()
+import { useBaseGeneralConfig } from './useBaseGeneralConfig'
 
 export const useFormGeneralConfig = () => {
-  return reactive({
-    app: 'kongManager' as const,
-    workspace: '',
-    gatewayInfo: {
-      edition: config.GATEWAY_EDITION,
-      version: infoStore.kongVersion,
-    },
-    apiBaseUrl: config.ADMIN_API_URL,
-  } as Pick<KongManagerBaseFormConfig, 'app' | 'workspace' | 'gatewayInfo' | 'apiBaseUrl'>)
+  return useBaseGeneralConfig() as Pick<KongManagerBaseFormConfig, 'app' | 'workspace' | 'gatewayInfo' | 'apiBaseUrl'>
 }

src/composables/useListGeneralConfig.ts

@@ -1,21 +1,13 @@
-import { reactive } from 'vue'
+import { reactive, toRefs } from 'vue'
 import { config } from 'config'
-import { useInfoStore } from '@/stores/info'
 import type { KongManagerBaseTableConfig } from '@kong-ui-public/entities-shared'
-
-const infoStore = useInfoStore()
+import { useBaseGeneralConfig } from './useBaseGeneralConfig'
 
 export const useListGeneralConfig = () => {
   return reactive({
-    app: 'kongManager' as const,
-    workspace: '',
-    gatewayInfo: {
-      edition: config.GATEWAY_EDITION,
-      version: infoStore.kongVersion,
-    },
-    apiBaseUrl: config.ADMIN_API_URL,
+    ...toRefs(useBaseGeneralConfig()),
     // Kong Gateway OSS only supports exact match and does not support sorting
     isExactMatch: config.GATEWAY_EDITION === 'community',
     disableSorting: config.GATEWAY_EDITION === 'community',
-  } as Pick<KongManagerBaseTableConfig, 'app' | 'workspace' | 'gatewayInfo' | 'isExactMatch' | 'apiBaseUrl' | 'disableSorting'>)
+  }) as Pick<KongManagerBaseTableConfig, 'app' | 'workspace' | 'gatewayInfo' | 'isExactMatch' | 'apiBaseUrl' | 'disableSorting'>
 }