@obewds/vite-vue-ts-compo-pkg-starter

Appearance

On this page

DANGER

This is an example GitHub Pages site and is NOT intended for actual use in real projects/products!

@obewds/vite-vue-ts-compo-pkg-starter Component

Vue Component Code

Pure Vue.js version

<script setup lang="ts">

    type ViteVueTsCompoPkgStarterProps = {
        text?: string | undefined
    }

    const props = withDefaults(
        defineProps<ViteVueTsCompoPkgStarterProps>(), {
            text: ''
        }
    )

</script>


<template>

    <div>
        <template v-if="text">
            {{ text }}
        </template>
        <template v-else>
            <slot>ViteVueTsCompoPkgStarter</slot>
        </template>
    </div>

</template>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27

ES Module Version

ESM version

import { defineComponent as a, openBlock as t, createElementBlock as o, Fragment as s, createTextVNode as r, toDisplayString as i, renderSlot as l } from "vue";
const m = /* @__PURE__ */ r("ViteVueTsCompoPkgStarter"), u = /* @__PURE__ */ a({
  __name: "ViteVueTsCompoPkgStarter",
  props: {
    text: { default: "" }
  },
  setup(e) {
    return (n, c) => (t(), o("div", null, [
      e.text ? (t(), o(s, { key: 0 }, [
        r(i(e.text), 1)
      ], 64)) : l(n.$slots, "default", { key: 1 }, () => [
        m
      ])
    ]));
  }
});
export {
  u as ViteVueTsCompoPkgStarter
};
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19

UMD Version

Version used by Node.js (Universal version for Common.js/AMD)

(function(t,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(t=typeof globalThis<"u"?globalThis:t||self,e(t.ViteVueTsCompoPkgStarter={},t.Vue))})(this,function(t,e){"use strict";const n=e.createTextVNode("ViteVueTsCompoPkgStarter"),r=e.defineComponent({__name:"ViteVueTsCompoPkgStarter",props:{text:{default:""}},setup(o){return(i,s)=>(e.openBlock(),e.createElementBlock("div",null,[o.text?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createTextVNode(e.toDisplayString(o.text),1)],64)):e.renderSlot(i.$slots,"default",{key:1},()=>[n])]))}});t.ViteVueTsCompoPkgStarter=r,Object.defineProperties(t,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
1

CJS Version

CommonJS version

"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),r=e.createTextVNode("ViteVueTsCompoPkgStarter"),n=e.defineComponent({__name:"ViteVueTsCompoPkgStarter",props:{text:{default:""}},setup(t){return(o,l)=>(e.openBlock(),e.createElementBlock("div",null,[t.text?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createTextVNode(e.toDisplayString(t.text),1)],64)):e.renderSlot(o.$slots,"default",{key:1},()=>[r])]))}});exports.ViteVueTsCompoPkgStarter=n;
1

IIFE (Browser) Code

Version used for browser instances

const ViteVueTsCompoPkgStarter=function(t,e){"use strict";const r=e.createTextVNode("ViteVueTsCompoPkgStarter"),n=e.defineComponent({__name:"ViteVueTsCompoPkgStarter",props:{text:{default:""}},setup(o){return(a,l)=>(e.openBlock(),e.createElementBlock("div",null,[o.text?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createTextVNode(e.toDisplayString(o.text),1)],64)):e.renderSlot(a.$slots,"default",{key:1},()=>[r])]))}});return t.ViteVueTsCompoPkgStarter=n,Object.defineProperties(t,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}}),t}({},Vue);
1