feat(ui): render the Scene panel's shot list and scene options as components

SceneShotList and SceneOptions render the project from a gev-scenes
store instead of scenePresentation building rows with createElement.
SceneControls stays the owner: it publishes the director's state and
attaches the row actions, and a late destroy cannot detach a newer
owner. Rows keep their identity across selection; a rename keeps its
typed text across republishing and ends with its row. The select still
changes its choice only when its options are rendered.

Vue keeps whitespace in every component, so Prettier formats single-file
components with strict whitespace sensitivity, and the test loader parses
templates with the same options as the browser build. The i18n check
reads view text without its interpolations, whose t() calls are scanned
with the sources.

build/vueLoader.js

@@ -9,7 +9,11 @@ import { VUE_TEMPLATE_OPTIONS } from './vueOptions.js';
  * Styles are dropped: tests read the global stylesheet separately.
  */
 export function compileVueModule(source, filename) {
-  const { descriptor, errors } = parse(source, { filename });
+  // The template is parsed with the SFC; parse it as the browser build does.
+  const { descriptor, errors } = parse(source, {
+    filename,
+    templateParseOptions: VUE_TEMPLATE_OPTIONS.compilerOptions,
+  });
   if (errors.length) throw errors[0];
   const id = filename;
   if (descriptor.scriptSetup) {

build/vueOptions.js

@@ -1,16 +1,12 @@
 /**
- * Template compiler options shared by the browser build, the boundary check
- * and the unit-test loader. Whitespace between nodes is kept so a view renders
- * as its static markup did: inline layouts depend on text between nodes.
- */
-const VUE_COMPILER_OPTIONS = Object.freeze({ whitespace: 'preserve' });
-
-/**
- * SFC template options. Asset URLs such as `/pin.svg` stay literal, as they
- * were in the static markup, instead of becoming module imports.
+ * Template options shared by the browser build, the boundary check and the
+ * unit-test loader. Whitespace between nodes is kept (as a single space) so
+ * an application view renders as its static markup did; Prettier formats
+ * single-file components with strict whitespace sensitivity to match. Asset
+ * URLs such as `/pin.svg` stay literal instead of becoming module imports.
  */
 export const VUE_TEMPLATE_OPTIONS = Object.freeze({
-  compilerOptions: VUE_COMPILER_OPTIONS,
+  compilerOptions: Object.freeze({ whitespace: 'preserve' }),
   transformAssetUrls: false,
 });