Componentize messages, error messages and progress indicator.

rollup.config.js

@@ -6,6 +6,7 @@ import { terser } from 'rollup-plugin-terser';
 import serve from 'rollup-plugin-serve';
 import json from '@rollup/plugin-json';
 import styles from 'rollup-plugin-styles';
+import multi from '@rollup/plugin-multi-entry';
 
 const dev = process.env.ROLLUP_WATCH;
 
@@ -20,6 +21,7 @@ const serveopts = {
 };
 
 const plugins = [
+  multi(),
   styles({
     modules: false,
     // Behavior of inject mode, without actually injecting style
@@ -42,9 +44,9 @@ const plugins = [
 
 export default [
   {
-    input: 'src/frigate-hass-card.ts',
+    input: ['src/main.ts'],
     output: {
-      dir: 'dist',
+      file: 'dist/frigate-hass-card.js',
       format: 'es',
     },
     plugins: [...plugins],