plugins/tech-radar: migrate to new plugin pattern and avoid using api for config

packages/create-app/templates/default-app/packages/app/src/App.tsx

@@ -11,6 +11,7 @@ import { AppSidebar } from './sidebar';
 import { Route, Routes, Navigate } from 'react-router';
 import { Router as CatalogRouter } from '@backstage/plugin-catalog';
 import { Router as DocsRouter } from '@backstage/plugin-techdocs';
+import { Router as TechRadarRouter } from '@backstage/plugin-tech-radar';
 import { EntityPage } from './components/catalog/EntityPage';
 
 const app = createApp({
@@ -35,6 +36,10 @@ const App: FC<{}> = () => (
             element={<CatalogRouter EntityPage={EntityPage} />}
           />
           <Route path="/docs/*" element={<DocsRouter />} />
+          <Route
+            path="/tech-radar"
+            element={<TechRadarRouter width={1500} height={800} />}
+          />
           <Navigate key="/" to="/catalog" />
           {deprecatedAppRoutes}
         </Routes>

packages/create-app/templates/default-app/packages/app/src/apis.ts

@@ -29,8 +29,6 @@ import {
   TechDocsStorageApi,
 } from '@backstage/plugin-techdocs';
 
-import { techRadarApiRef, TechRadar } from '@backstage/plugin-tech-radar';
-
 import { catalogApiRef, CatalogClient } from '@backstage/plugin-catalog';
 import { CircleCIApi, circleCIApiRef } from '@backstage/plugin-circleci';
 
@@ -72,14 +70,6 @@ export const apis = (config: ConfigApi) => {
 
   builder.add(scaffolderApiRef, new ScaffolderApi({ discoveryApi }));
 
-  builder.add(
-    techRadarApiRef,
-    new TechRadar({
-      width: 1500,
-      height: 800,
-    }),
-  );
-
   builder.add(
     techdocsStorageApiRef,
     new TechDocsStorageApi({ apiOrigin: techdocsStorageUrl }),