How to use the createVNode function from vue

index.js

GitHub: hacfins/vue3-multi-page

123
124
125
126
127
128
129
130
131
132
                    ]),
                ]), [[vue.vShow, this.visible]])]),
        });
    },
};
vm = vue.createVNode(elLoadingComponent);
vue.render(vm, document.createElement('div'));
return Object.assign(Object.assign({}, componentSetupConfig), { vm, get $el() {
        return vm.el;
    } });

1

2

1

index.js

GitHub: hacfins/vue3-multi-page

200
201
202
203
204
205
206
207
208
209
    'hover': _ctx.hover}],
  onMouseenter: _cache[1] || (_cache[1] = (...args) => (_ctx.hoverItem && _ctx.hoverItem(...args))),
  onClick: _cache[2] || (_cache[2] = vue.withModifiers((...args) => (_ctx.selectOptionClick && _ctx.selectOptionClick(...args)), ["stop"]))
}, [
  vue.renderSlot(_ctx.$slots, "default", {}, () => [
    vue.createVNode("span", null, vue.toDisplayString(_ctx.currentLabel), 1 /* TEXT */)
  ])
], 34 /* CLASS, HYDRATE_EVENTS */)), [
  [vue.vShow, _ctx.visible]
])

1

2

1

index.js

GitHub: hacfins/vue3-multi-page

156
157
158
159
160
161
162
163
164
165
    _ctx.isLast && !_ctx.space && !_ctx.isCenter && 'is-flex',
    _ctx.isCenter && !_ctx.isVertical && !_ctx.isSimple && 'is-center'
  ]
}, [
  vue.createCommentVNode(" icon & line "),
  vue.createVNode("div", {
    class: ['el-step__head', `is-${_ctx.currentStatus}`]
  }, [
    vue.createVNode("div", _hoisted_1, [
      vue.createVNode("i", {

1

2

1

+ 11 other calls in file

index.js

GitHub: hacfins/vue3-multi-page

172
173
174
175
176
177
178
179
180
181
(!_ctx.dangerouslyUseHTMLString)
  ? (vue.openBlock(), vue.createBlock("p", _hoisted_1, vue.toDisplayString(_ctx.message), 1 /* TEXT */))
  : (vue.openBlock(), vue.createBlock(vue.Fragment, { key: 1 }, [
      vue.createCommentVNode(" Caution here, message could've been compromised, never use user's input as message "),
      vue.createCommentVNode("  eslint-disable-next-line "),
      vue.createVNode("p", {
        class: "el-message__content",
        innerHTML: _ctx.message
      }, null, 8 /* PROPS */, ["innerHTML"])
    ], 2112 /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */))

1

2

1

calendar.cjs.js

GitHub: nathanhennig/primevue-dist

3170
3171
3172
3173
3174
3175
3176
3177
3178
3179
        : vue.createCommentVNode("", true)
    ]))
  : vue.createCommentVNode("", true),
($props.showButtonBar)
  ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_44, [
      vue.createVNode(_component_CalendarButton, {
        type: "button",
        label: $options.todayLabel,
        onClick: _cache[63] || (_cache[63] = $event => ($options.onTodayButtonClick($event))),
        class: "p-button-text",

1

0

0

+ 99 other calls in file

dropdown.cjs.js

GitHub: nathanhennig/primevue-dist

1038
1039
1040
1041
1042
1043
1044
1045
1046
1047
    }, null, 2)
  ])
]),
vue.createVNode(_component_Portal, { appendTo: $props.appendTo }, {
  default: vue.withCtx(() => [
    vue.createVNode(vue.Transition, {
      name: "p-connected-overlay",
      onEnter: $options.onOverlayEnter,
      onAfterEnter: $options.onOverlayAfterEnter,
      onLeave: $options.onOverlayLeave,

1

0

0

+ 74 other calls in file

library.js

GitHub: Odair-Sehn/design-system

67
68
69
70
71
72
73
74
75
76
77
78


function render(_ctx, _cache, $props, $setup, $data, $options) {
  const _component_q_input = vue.resolveComponent("q-input");


  return (vue.openBlock(), vue.createElementBlock("div", null, [
    vue.createVNode(_component_q_input, {
      label: $props.label,
      placeholder: $props.placeholder
    }, null, 8 /* PROPS */, ["label", "placeholder"])
  ]))

0

0

1

+ 5 other calls in file

marked2vue.cjs

GitHub: WenyaoL/marked2vue

2847
2848
2849
2850
2851
2852
2853
2854
2855
2856
    __name: 'Tablerow',
    setup: function (__props) {
        return function (_ctx, _cache) {
            var _component_solt = vue.resolveComponent("solt");
            return (vue.openBlock(), vue.createElementBlock("tr", null, [
                vue.createVNode(_component_solt)
            ]));
        };
    }
});

0

0

1

+ 5 other calls in file

server-renderer.cjs.js

GitHub: Master44planet/newlibrary

896
897
898
899
900
901
902
903
904
905
if (isVNode$1(input)) {
    // raw vnode, wrap with app (for context)
    return renderToString(Vue.createApp({ render: () => input }), context);
}
// rendering an app
const vnode = Vue.createVNode(input._component, input._props);
vnode.appContext = input._context;
// provide the ssr context to the tree
input.provide(Vue.ssrContextKey, context);
const buffer = await renderComponentVNode(vnode);

0

0

1

+ 3 other calls in file

index.js

GitHub: BlackToolBoxLaboratory/vue-list

208
209
210
211
212
213
214
215
216
217
  id: `${entry.id}_sublayer`,
  style: vue.normalizeStyle({ ..._ctx.getStyle(['container_sublayer']) }),
  ref_for: true,
  ref: (el) => { _ctx.refList[`${entry.id}_sublayer`] = el; }
}, [
  vue.createVNode(_component_btb_vue_list_layer, {
    activeID: _ctx.activeID,
    subdataList: entry.children,
    styleObj: _ctx.props.styleObj,
    iteration: _ctx.props.iteration + 1,

0

0

1

+ 3 other calls in file

library.js

GitHub: agc-desarrollo/cliente_formulario_dinamico

342
343
344
345
346
347
348
349
350
351
(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(field_options.value, (option) => {
  return (vue.openBlock(), vue.createElementBlock("div", {
    class: "field-radiobutton col-12",
    key: option
  }, [
    vue.createVNode(_component_Checkbox, {
      inputId: "{{config.field + option[config.option_id]}}",
      name: vue.unref(config).field,
      onChange: vue.unref(input_event),
      onClick: vue.unref(click_event),

0

0

7

+ 6 other calls in file