kubaPod

(* ::Package:: *)

(* ::Section:: *)
(*Preferences*)


CurrentValue[$FrontEnd,"NotebooksMenuHistoryLength"]=25


(* ::Subsection:: *)

kubaPod

FormFunction[{
  "date" -> <|
    "Interpreter" -> "String",
    "Control"     -> Function @ EmbeddedHTML @ StringTemplate[
        "<input type='datetime-local' id='id_`1`', name='`1`' value=`2` step='1'>"
     ]["date", DateString["ISODateTime"] ]
 |&gt;

kubaPod

Disclaimer: I am learning

This answers a question, how to create a component that takes v-model prop can pass that prop further down.

v-model='var' is :value='var' @input='new => {var=new}' so it needs to have value prop and emit input event. But if we want to pass it down we need a localVar which can be mutated because properties can't. (unless they are objects or arrays which are passed by reference in JS but this should not be abused to not obsucre the flow)

Based on Using v-model on Nested Vue Components you should use:

kubaPod

<|
  "b3m2a1"          -> {"mathematica-BTools"}, 
  "CarlWoll"        -> {"MatrixD", "Stack-Exchange-Stylesheet", "TensorSimplify", "DifferentialOperator"}, 
  "cekdahl"         -> {"jSoupLink", "wl-wordpress-xmlrpc-client", "OBJImporter"}, 
  "kubapod"         -> {"MPM", "M2MD", "DevTools", "WLForms", "MoreUI", "MGUI", "Meh" "MVue", "MoreCalculus", "PreciseTracking"}, 
  "szhorvat"        -> {"IGraphM", "MaTeX"}, 
  "tpfto"           -> {"Carlson", "MoleculeViewer", "Wright", "CMLConvert"}, 
  "WolframResearch" -> {"FEMAddOns", "GitLink", "RhinoLink"}
|>

kubaPod

There are several problems/bugs with controlling updating/refreshing/initialization of specific panes/tabs in mentioned constructs:

1. Too sensitive refreshing:

   'Visibility' of Dynamics in TabView with respect to SynchronousUpdating

2. Too insensitive refreshing...:

What is the point of PaneSelector?