todo: hook up dev setup

Signed-off-by: Patrik Oldsberg <poldsberg@gmail.com>

plugins/todo/src/index.ts

@@ -13,4 +13,6 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-export { todoPlugin, TodoPage } from './plugin';
+
+export { todoApiRef } from './api';
+export { todoPlugin, EntityTodoContent } from './plugin';

plugins/todo/src/plugin.ts

@@ -13,18 +13,32 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-import { createPlugin, createRoutableExtension } from '@backstage/core';
+import {
+  createApiFactory,
+  createPlugin,
+  createRoutableExtension,
+} from '@backstage/core';
+import { todoApiRef, TodoClient } from './api';
 
 import { rootRouteRef } from './routes';
 
 export const todoPlugin = createPlugin({
   id: 'todo',
+  apis: [
+    createApiFactory({
+      api: todoApiRef,
+      deps: {},
+      factory() {
+        return new TodoClient();
+      },
+    }),
+  ],
   routes: {
     root: rootRouteRef,
   },
 });
 
-export const TodoPage = todoPlugin.provide(
+export const EntityTodoContent = todoPlugin.provide(
   createRoutableExtension({
     component: () =>
       import('./components/ExampleComponent').then(m => m.ExampleComponent),