@davidrunger/vue-model-explorer v0.3.1

Vue Model Explorer

Render info about your Rails models in a keyboard-navigable linked graph.

Installation

pnpm add @davidrunger/vue-model-explorer

Usage

First, make sure that you have already followed the setup instructions for the runger_rails_model_explorer gem.

Then, create an entrypoint something like this:

// app/javascript/entrypoints/model_graph.ts
import { ModelGraph } from '@davidrunger/vue-model-explorer';
import { renderApp } from '@/lib/customized_vue';

import '@davidrunger/vue-model-explorer/dist/vue-model-explorer.css';

renderApp(ModelGraph);

Now, launch a Vite development server and a Rails server.

Go to http://localhost:3000/models and have fun exploring your database models!