st-comp 0.0.1 → 0.0.3

package/lib/bundle.umd.cjs

@@ -0,0 +1,5 @@
+(function(K,k){typeof exports=="object"&&typeof module<"u"?k(exports):typeof define=="function"&&define.amd?define(["exports"],k):(K=typeof globalThis<"u"?globalThis:K||self,k(K.Bundle={}))})(this,function(K){"use strict";function k(e,t){const n=Object.create(null),o=e.split(",");for(let r=0;r<o.length;r++)n[o[r]]=!0;return t?r=>!!n[r.toLowerCase()]:r=>!!n[r]}const C=process.env.NODE_ENV!=="production"?Object.freeze({}):{},Lt=process.env.NODE_ENV!=="production"?Object.freeze([]):[],Xe=()=>{},Yt=/^on[^a-z]/,Qt=e=>Yt.test(e),I=Object.assign,Xt=(e,t)=>{const n=e.indexOf(t);n>-1&&e.splice(n,1)},Zt=Object.prototype.hasOwnProperty,m=(e,t)=>Zt.call(e,t),h=Array.isArray,L=e=>ie(e)==="[object Map]",kt=e=>ie(e)==="[object Set]",E=e=>typeof e=="function",R=e=>typeof e=="string",xe=e=>typeof e=="symbol",b=e=>e!==null&&typeof e=="object",en=e=>b(e)&&E(e.then)&&E(e.catch),tn=Object.prototype.toString,ie=e=>tn.call(e),Ze=e=>ie(e).slice(8,-1),nn=e=>ie(e)==="[object Object]",Ve=e=>R(e)&&e!=="NaN"&&e[0]!=="-"&&""+parseInt(e,10)===e,rn=(e=>{const t=Object.create(null);return n=>t[n]||(t[n]=e(n))})(e=>e.charAt(0).toUpperCase()+e.slice(1)),ce=(e,t)=>!Object.is(e,t),on=(e,t,n)=>{Object.defineProperty(e,t,{configurable:!0,enumerable:!1,value:n})};let ke;const ve=()=>ke||(ke=typeof globalThis<"u"?globalThis:typeof self<"u"?self:typeof window<"u"?window:typeof global<"u"?global:{});function Ie(e){if(h(e)){const t={};for(let n=0;n<e.length;n++){const o=e[n],r=R(o)?un(o):Ie(o);if(r)for(const s in r)t[s]=r[s]}return t}else{if(R(e))return e;if(b(e))return e}}const sn=/;(?![^(]*\))/g,cn=/:([^]+)/,ln=/\/\*[^]*?\*\//g;function un(e){const t={};return e.replace(ln,"").split(sn).forEach(n=>{if(n){const o=n.split(cn);o.length>1&&(t[o[0].trim()]=o[1].trim())}}),t}function ye(e){let t="";if(R(e))t=e;else if(h(e))for(let n=0;n<e.length;n++){const o=ye(e[n]);o&&(t+=o+" ")}else if(b(e))for(const n in e)e[n]&&(t+=n+" ");return t.trim()}function et(e,...t){console.warn(`[Vue warn] ${e}`,...t)}let tt;function an(e,t=tt){t&&t.active&&t.effects.push(e)}function fn(){return tt}const Re=e=>{const t=new Set(e);return t.w=0,t.n=0,t},nt=e=>(e.w&$)>0,rt=e=>(e.n&$)>0,pn=({deps:e})=>{if(e.length)for(let t=0;t<e.length;t++)e[t].w|=$},dn=e=>{const{deps:t}=e;if(t.length){let n=0;for(let o=0;o<t.length;o++){const r=t[o];nt(r)&&!rt(r)?r.delete(e):t[n++]=r,r.w&=~$,r.n&=~$}t.length=n}},De=new WeakMap;let ee=0,$=1;const Te=30;let O;const H=Symbol(process.env.NODE_ENV!=="production"?"iterate":""),Ce=Symbol(process.env.NODE_ENV!=="production"?"Map key iterate":"");class hn{constructor(t,n=null,o){this.fn=t,this.scheduler=n,this.active=!0,this.deps=[],this.parent=void 0,an(this,o)}run(){if(!this.active)return this.fn();let t=O,n=U;for(;t;){if(t===this)return;t=t.parent}try{return this.parent=O,O=this,U=!0,$=1<<++ee,ee<=Te?pn(this):ot(this),this.fn()}finally{ee<=Te&&dn(this),$=1<<--ee,O=this.parent,U=n,this.parent=void 0,this.deferStop&&this.stop()}}stop(){O===this?this.deferStop=!0:this.active&&(ot(this),this.onStop&&this.onStop(),this.active=!1)}}function ot(e){const{deps:t}=e;if(t.length){for(let n=0;n<t.length;n++)t[n].delete(e);t.length=0}}let U=!0;const st=[];function it(){st.push(U),U=!1}function ct(){const e=st.pop();U=e===void 0?!0:e}function S(e,t,n){if(U&&O){let o=De.get(e);o||De.set(e,o=new Map);let r=o.get(n);r||o.set(n,r=Re());const s=process.env.NODE_ENV!=="production"?{effect:O,target:e,type:t,key:n}:void 0;_n(r,s)}}function _n(e,t){let n=!1;ee<=Te?rt(e)||(e.n|=$,n=!nt(e)):n=!e.has(O),n&&(e.add(O),O.deps.push(e),process.env.NODE_ENV!=="production"&&O.onTrack&&O.onTrack(I({effect:O},t)))}function M(e,t,n,o,r,s){const i=De.get(e);if(!i)return;let c=[];if(t==="clear")c=[...i.values()];else if(n==="length"&&h(e)){const a=Number(o);i.forEach((d,l)=>{(l==="length"||l>=a)&&c.push(d)})}else switch(n!==void 0&&c.push(i.get(n)),t){case"add":h(e)?Ve(n)&&c.push(i.get("length")):(c.push(i.get(H)),L(e)&&c.push(i.get(Ce)));break;case"delete":h(e)||(c.push(i.get(H)),L(e)&&c.push(i.get(Ce)));break;case"set":L(e)&&c.push(i.get(H));break}const u=process.env.NODE_ENV!=="production"?{target:e,type:t,key:n,newValue:o,oldValue:r,oldTarget:s}:void 0;if(c.length===1)c[0]&&(process.env.NODE_ENV!=="production"?le(c[0],u):le(c[0]));else{const a=[];for(const d of c)d&&a.push(...d);process.env.NODE_ENV!=="production"?le(Re(a),u):le(Re(a))}}function le(e,t){const n=h(e)?e:[...e];for(const o of n)o.computed&&lt(o,t);for(const o of n)o.computed||lt(o,t)}function lt(e,t){(e!==O||e.allowRecurse)&&(process.env.NODE_ENV!=="production"&&e.onTrigger&&e.onTrigger(I({effect:e},t)),e.scheduler?e.scheduler():e.run())}const gn=k("__proto__,__v_isRef,__isVue"),ut=new Set(Object.getOwnPropertyNames(Symbol).filter(e=>e!=="arguments"&&e!=="caller").map(e=>Symbol[e]).filter(xe)),mn=Pe(),En=Pe(!0),wn=Pe(!0,!0),at=Nn();function Nn(){const e={};return["includes","indexOf","lastIndexOf"].forEach(t=>{e[t]=function(...n){const o=p(this);for(let s=0,i=this.length;s<i;s++)S(o,"get",s+"");const r=o[t](...n);return r===-1||r===!1?o[t](...n.map(p)):r}}),["push","pop","shift","unshift","splice"].forEach(t=>{e[t]=function(...n){it();const o=p(this)[t].apply(this,n);return ct(),o}}),e}function bn(e){const t=p(this);return S(t,"has",e),t.hasOwnProperty(e)}function Pe(e=!1,t=!1){return function(o,r,s){if(r==="__v_isReactive")return!e;if(r==="__v_isReadonly")return e;if(r==="__v_isShallow")return t;if(r==="__v_raw"&&s===(e?t?wt:Et:t?An:mt).get(o))return o;const i=h(o);if(!e){if(i&&m(at,r))return Reflect.get(at,r,s);if(r==="hasOwnProperty")return bn}const c=Reflect.get(o,r,s);return(xe(r)?ut.has(r):gn(r))||(e||S(o,"get",r),t)?c:x(c)?i&&Ve(r)?c:c.value:b(c)?e?bt(c):Nt(c):c}}const On=Sn();function Sn(e=!1){return function(n,o,r,s){let i=n[o];if(B(i)&&x(i)&&!x(r))return!1;if(!e&&(!Ae(r)&&!B(r)&&(i=p(i),r=p(r)),!h(n)&&x(i)&&!x(r)))return i.value=r,!0;const c=h(n)&&Ve(o)?Number(o)<n.length:m(n,o),u=Reflect.set(n,o,r,s);return n===p(s)&&(c?ce(r,i)&&M(n,"set",o,r,i):M(n,"add",o,r)),u}}function xn(e,t){const n=m(e,t),o=e[t],r=Reflect.deleteProperty(e,t);return r&&n&&M(e,"delete",t,void 0,o),r}function Vn(e,t){const n=Reflect.has(e,t);return(!xe(t)||!ut.has(t))&&S(e,"has",t),n}function vn(e){return S(e,"iterate",h(e)?"length":H),Reflect.ownKeys(e)}const In={get:mn,set:On,deleteProperty:xn,has:Vn,ownKeys:vn},ft={get:En,set(e,t){return process.env.NODE_ENV!=="production"&&et(`Set operation on key "${String(t)}" failed: target is readonly.`,e),!0},deleteProperty(e,t){return process.env.NODE_ENV!=="production"&&et(`Delete operation on key "${String(t)}" failed: target is readonly.`,e),!0}},yn=I({},ft,{get:wn}),$e=e=>e,ue=e=>Reflect.getPrototypeOf(e);function ae(e,t,n=!1,o=!1){e=e.__v_raw;const r=p(e),s=p(t);n||(t!==s&&S(r,"get",t),S(r,"get",s));const{has:i}=ue(r),c=o?$e:n?Ke:ze;if(i.call(r,t))return c(e.get(t));if(i.call(r,s))return c(e.get(s));e!==r&&e.get(t)}function fe(e,t=!1){const n=this.__v_raw,o=p(n),r=p(e);return t||(e!==r&&S(o,"has",e),S(o,"has",r)),e===r?n.has(e):n.has(e)||n.has(r)}function pe(e,t=!1){return e=e.__v_raw,!t&&S(p(e),"iterate",H),Reflect.get(e,"size",e)}function pt(e){e=p(e);const t=p(this);return ue(t).has.call(t,e)||(t.add(e),M(t,"add",e,e)),this}function dt(e,t){t=p(t);const n=p(this),{has:o,get:r}=ue(n);let s=o.call(n,e);s?process.env.NODE_ENV!=="production"&&gt(n,o,e):(e=p(e),s=o.call(n,e));const i=r.call(n,e);return n.set(e,t),s?ce(t,i)&&M(n,"set",e,t,i):M(n,"add",e,t),this}function ht(e){const t=p(this),{has:n,get:o}=ue(t);let r=n.call(t,e);r?process.env.NODE_ENV!=="production"&&gt(t,n,e):(e=p(e),r=n.call(t,e));const s=o?o.call(t,e):void 0,i=t.delete(e);return r&&M(t,"delete",e,void 0,s),i}function _t(){const e=p(this),t=e.size!==0,n=process.env.NODE_ENV!=="production"?L(e)?new Map(e):new Set(e):void 0,o=e.clear();return t&&M(e,"clear",void 0,void 0,n),o}function de(e,t){return function(o,r){const s=this,i=s.__v_raw,c=p(i),u=t?$e:e?Ke:ze;return!e&&S(c,"iterate",H),i.forEach((a,d)=>o.call(r,u(a),u(d),s))}}function he(e,t,n){return function(...o){const r=this.__v_raw,s=p(r),i=L(s),c=e==="entries"||e===Symbol.iterator&&i,u=e==="keys"&&i,a=r[e](...o),d=n?$e:t?Ke:ze;return!t&&S(s,"iterate",u?Ce:H),{next(){const{value:l,done:f}=a.next();return f?{value:l,done:f}:{value:c?[d(l[0]),d(l[1])]:d(l),done:f}},[Symbol.iterator](){return this}}}}function F(e){return function(...t){if(process.env.NODE_ENV!=="production"){const n=t[0]?`on key "${t[0]}" `:"";console.warn(`${rn(e)} operation ${n}failed: target is readonly.`,p(this))}return e==="delete"?!1:this}}function Rn(){const e={get(s){return ae(this,s)},get size(){return pe(this)},has:fe,add:pt,set:dt,delete:ht,clear:_t,forEach:de(!1,!1)},t={get(s){return ae(this,s,!1,!0)},get size(){return pe(this)},has:fe,add:pt,set:dt,delete:ht,clear:_t,forEach:de(!1,!0)},n={get(s){return ae(this,s,!0)},get size(){return pe(this,!0)},has(s){return fe.call(this,s,!0)},add:F("add"),set:F("set"),delete:F("delete"),clear:F("clear"),forEach:de(!0,!1)},o={get(s){return ae(this,s,!0,!0)},get size(){return pe(this,!0)},has(s){return fe.call(this,s,!0)},add:F("add"),set:F("set"),delete:F("delete"),clear:F("clear"),forEach:de(!0,!0)};return["keys","values","entries",Symbol.iterator].forEach(s=>{e[s]=he(s,!1,!1),n[s]=he(s,!0,!1),t[s]=he(s,!1,!0),o[s]=he(s,!0,!0)}),[e,n,t,o]}const[Dn,Tn,Cn,Pn]=Rn();function Me(e,t){const n=t?e?Pn:Cn:e?Tn:Dn;return(o,r,s)=>r==="__v_isReactive"?!e:r==="__v_isReadonly"?e:r==="__v_raw"?o:Reflect.get(m(n,r)&&r in o?n:o,r,s)}const $n={get:Me(!1,!1)},Mn={get:Me(!0,!1)},Fn={get:Me(!0,!0)};function gt(e,t,n){const o=p(n);if(o!==n&&t.call(e,o)){const r=Ze(e);console.warn(`Reactive ${r} contains both the raw and reactive versions of the same object${r==="Map"?" as keys":""}, which can lead to inconsistencies. Avoid differentiating between the raw and reactive versions of an object and only use the reactive version if possible.`)}}const mt=new WeakMap,An=new WeakMap,Et=new WeakMap,wt=new WeakMap;function jn(e){switch(e){case"Object":case"Array":return 1;case"Map":case"Set":case"WeakMap":case"WeakSet":return 2;default:return 0}}function zn(e){return e.__v_skip||!Object.isExtensible(e)?0:jn(Ze(e))}function Nt(e){return B(e)?e:Fe(e,!1,In,$n,mt)}function bt(e){return Fe(e,!0,ft,Mn,Et)}function _e(e){return Fe(e,!0,yn,Fn,wt)}function Fe(e,t,n,o,r){if(!b(e))return process.env.NODE_ENV!=="production"&&console.warn(`value cannot be made reactive: ${String(e)}`),e;if(e.__v_raw&&!(t&&e.__v_isReactive))return e;const s=r.get(e);if(s)return s;const i=zn(e);if(i===0)return e;const c=new Proxy(e,i===2?o:n);return r.set(e,c),c}function W(e){return B(e)?W(e.__v_raw):!!(e&&e.__v_isReactive)}function B(e){return!!(e&&e.__v_isReadonly)}function Ae(e){return!!(e&&e.__v_isShallow)}function je(e){return W(e)||B(e)}function p(e){const t=e&&e.__v_raw;return t?p(t):e}function Kn(e){return on(e,"__v_skip",!0),e}const ze=e=>b(e)?Nt(e):e,Ke=e=>b(e)?bt(e):e;function x(e){return!!(e&&e.__v_isRef===!0)}function Hn(e){return x(e)?e.value:e}const Un={get:(e,t,n)=>Hn(Reflect.get(e,t,n)),set:(e,t,n,o)=>{const r=e[t];return x(r)&&!x(n)?(r.value=n,!0):Reflect.set(e,t,n,o)}};function Wn(e){return W(e)?e:new Proxy(e,Un)}const J=[];function Bn(e){J.push(e)}function Jn(){J.pop()}function w(e,...t){if(process.env.NODE_ENV==="production")return;it();const n=J.length?J[J.length-1].component:null,o=n&&n.appContext.config.warnHandler,r=qn();if(o)q(o,n,11,[e+t.join(""),n&&n.proxy,r.map(({vnode:s})=>`at <${Jt(n,s.type)}>`).join(`
+`),r]);else{const s=[`[Vue warn]: ${e}`,...t];r.length&&s.push(`
+`,...Gn(r)),console.warn(...s)}ct()}function qn(){let e=J[J.length-1];if(!e)return[];const t=[];for(;e;){const n=t[0];n&&n.vnode===e?n.recurseCount++:t.push({vnode:e,recurseCount:0});const o=e.component&&e.component.parent;e=o&&o.vnode}return t}function Gn(e){const t=[];return e.forEach((n,o)=>{t.push(...o===0?[]:[`
+`],...Ln(n))}),t}function Ln({vnode:e,recurseCount:t}){const n=t>0?`... (${t} recursive calls)`:"",o=e.component?e.component.parent==null:!1,r=` at <${Jt(e.component,e.type,o)}`,s=">"+n;return e.props?[r,...Yn(e.props),s]:[r+s]}function Yn(e){const t=[],n=Object.keys(e);return n.slice(0,3).forEach(o=>{t.push(...Ot(o,e[o]))}),n.length>3&&t.push(" ..."),t}function Ot(e,t,n){return R(t)?(t=JSON.stringify(t),n?t:[`${e}=${t}`]):typeof t=="number"||typeof t=="boolean"||t==null?n?t:[`${e}=${t}`]:x(t)?(t=Ot(e,p(t.value),!0),n?t:[`${e}=Ref<`,t,">"]):E(t)?[`${e}=fn${t.name?`<${t.name}>`:""}`]:(t=p(t),n?t:[`${e}=`,t])}const St={sp:"serverPrefetch hook",bc:"beforeCreate hook",c:"created hook",bm:"beforeMount hook",m:"mounted hook",bu:"beforeUpdate hook",u:"updated",bum:"beforeUnmount hook",um:"unmounted hook",a:"activated hook",da:"deactivated hook",ec:"errorCaptured hook",rtc:"renderTracked hook",rtg:"renderTriggered hook",0:"setup function",1:"render function",2:"watcher getter",3:"watcher callback",4:"watcher cleanup function",5:"native event handler",6:"component event handler",7:"vnode hook",8:"directive hook",9:"transition hook",10:"app errorHandler",11:"app warnHandler",12:"ref function",13:"async component loader",14:"scheduler flush. This is likely a Vue internals bug. Please open an issue at https://new-issue.vuejs.org/?repo=vuejs/core"};function q(e,t,n,o){let r;try{r=o?e(...o):e()}catch(s){xt(s,t,n)}return r}function He(e,t,n,o){if(E(e)){const s=q(e,t,n,o);return s&&en(s)&&s.catch(i=>{xt(i,t,n)}),s}const r=[];for(let s=0;s<e.length;s++)r.push(He(e[s],t,n,o));return r}function xt(e,t,n,o=!0){const r=t?t.vnode:null;if(t){let s=t.parent;const i=t.proxy,c=process.env.NODE_ENV!=="production"?St[n]:n;for(;s;){const a=s.ec;if(a){for(let d=0;d<a.length;d++)if(a[d](e,i,c)===!1)return}s=s.parent}const u=t.appContext.config.errorHandler;if(u){q(u,null,10,[e,i,c]);return}}Qn(e,n,r,o)}function Qn(e,t,n,o=!0){if(process.env.NODE_ENV!=="production"){const r=St[t];if(n&&Bn(n),w(`Unhandled error${r?` during execution of ${r}`:""}`),n&&Jn(),o)throw e;console.error(e)}else console.error(e)}let ge=!1,Ue=!1;const D=[];let A=0;const Y=[];let P=null,j=0;const Vt=Promise.resolve();let We=null;const Xn=100;function Zn(e){const t=We||Vt;return e?t.then(this?e.bind(this):e):t}function kn(e){let t=A+1,n=D.length;for(;t<n;){const o=t+n>>>1;te(D[o])<e?t=o+1:n=o}return t}function Be(e){(!D.length||!D.includes(e,ge&&e.allowRecurse?A+1:A))&&(e.id==null?D.push(e):D.splice(kn(e.id),0,e),vt())}function vt(){!ge&&!Ue&&(Ue=!0,We=Vt.then(yt))}function It(e){h(e)?Y.push(...e):(!P||!P.includes(e,e.allowRecurse?j+1:j))&&Y.push(e),vt()}function er(e){if(Y.length){const t=[...new Set(Y)];if(Y.length=0,P){P.push(...t);return}for(P=t,process.env.NODE_ENV!=="production"&&(e=e||new Map),P.sort((n,o)=>te(n)-te(o)),j=0;j<P.length;j++)process.env.NODE_ENV!=="production"&&Rt(e,P[j])||P[j]();P=null,j=0}}const te=e=>e.id==null?1/0:e.id,tr=(e,t)=>{const n=te(e)-te(t);if(n===0){if(e.pre&&!t.pre)return-1;if(t.pre&&!e.pre)return 1}return n};function yt(e){Ue=!1,ge=!0,process.env.NODE_ENV!=="production"&&(e=e||new Map),D.sort(tr);const t=process.env.NODE_ENV!=="production"?n=>Rt(e,n):Xe;try{for(A=0;A<D.length;A++){const n=D[A];if(n&&n.active!==!1){if(process.env.NODE_ENV!=="production"&&t(n))continue;q(n,null,14)}}}finally{A=0,D.length=0,er(e),ge=!1,We=null,(D.length||Y.length)&&yt(e)}}function Rt(e,t){if(!e.has(t))e.set(t,1);else{const n=e.get(t);if(n>Xn){const o=t.ownerInstance,r=o&&Bt(o.type);return w(`Maximum recursive updates exceeded${r?` in component <${r}>`:""}. This means you have a reactive effect that is mutating its own dependencies and thus recursively triggering itself. Possible sources include component template, render function, updated hook or watcher source function.`),!0}else e.set(t,n+1)}}const ne=new Set;process.env.NODE_ENV!=="production"&&(ve().__VUE_HMR_RUNTIME__={createRecord:Je(nr),rerender:Je(rr),reload:Je(or)});const me=new Map;function nr(e,t){return me.has(e)?!1:(me.set(e,{initialDef:re(t),instances:new Set}),!0)}function re(e){return qt(e)?e.__vccOpts:e}function rr(e,t){const n=me.get(e);n&&(n.initialDef.render=t,[...n.instances].forEach(o=>{t&&(o.render=t,re(o.type).render=t),o.renderCache=[],o.update()}))}function or(e,t){const n=me.get(e);if(!n)return;t=re(t),Dt(n.initialDef,t);const o=[...n.instances];for(const r of o){const s=re(r.type);ne.has(s)||(s!==n.initialDef&&Dt(s,t),ne.add(s)),r.appContext.propsCache.delete(r.type),r.appContext.emitsCache.delete(r.type),r.appContext.optionsCache.delete(r.type),r.ceReload?(ne.add(s),r.ceReload(t.styles),ne.delete(s)):r.parent?Be(r.parent.update):r.appContext.reload?r.appContext.reload():typeof window<"u"?window.location.reload():console.warn("[HMR] Root or manually mounted instance modified. Full reload required.")}It(()=>{for(const r of o)ne.delete(re(r.type))})}function Dt(e,t){I(e,t);for(const n in e)n!=="__file"&&!(n in t)&&delete e[n]}function Je(e){return(t,n)=>{try{return e(t,n)}catch(o){console.error(o),console.warn("[HMR] Something went wrong during Vue component hot-reload. Full reload required.")}}}let z=null,sr=null;function Jr(){}const ir=e=>e.__isSuspense;function cr(e,t){t&&t.pendingBranch?h(e)?t.effects.push(...e):t.effects.push(e):It(e)}const Ee={};function lr(e,t,{immediate:n,deep:o,flush:r,onTrack:s,onTrigger:i}=C){var c;process.env.NODE_ENV!=="production"&&!t&&(n!==void 0&&w('watch() "immediate" option is only respected when using the watch(source, callback, options?) signature.'),o!==void 0&&w('watch() "deep" option is only respected when using the watch(source, callback, options?) signature.'));const u=g=>{w("Invalid watch source: ",g,"A watch source can only be a getter/effect function, a ref, a reactive object, or an array of these types.")},a=fn()===((c=X)==null?void 0:c.scope)?X:null;let d,l=!1,f=!1;if(x(e)?(d=()=>e.value,l=Ae(e)):W(e)?(d=()=>e,o=!0):h(e)?(f=!0,l=e.some(g=>W(g)||Ae(g)),d=()=>e.map(g=>{if(x(g))return g.value;if(W(g))return Q(g);if(E(g))return q(g,a,2);process.env.NODE_ENV!=="production"&&u(g)})):E(e)?t?d=()=>q(e,a,2):d=()=>{if(!(a&&a.isUnmounted))return _&&_(),He(e,a,3,[V])}:(d=Xe,process.env.NODE_ENV!=="production"&&u(e)),t&&o){const g=d;d=()=>Q(g())}let _,V=g=>{_=y.onStop=()=>{q(g,a,4)}},v=f?new Array(e.length).fill(Ee):Ee;const G=()=>{if(y.active)if(t){const g=y.run();(o||l||(f?g.some((Ur,Wr)=>ce(Ur,v[Wr])):ce(g,v)))&&(_&&_(),He(t,a,3,[g,v===Ee?void 0:f&&v[0]===Ee?[]:v,V]),v=g)}else y.run()};G.allowRecurse=!!t;let Se;r==="sync"?Se=G:r==="post"?Se=()=>Mt(G,a&&a.suspense):(G.pre=!0,a&&(G.id=a.uid),Se=()=>Be(G));const y=new hn(d,Se);return process.env.NODE_ENV!=="production"&&(y.onTrack=s,y.onTrigger=i),t?n?G():v=y.run():r==="post"?Mt(y.run.bind(y),a&&a.suspense):y.run(),()=>{y.stop(),a&&a.scope&&Xt(a.scope.effects,y)}}function ur(e,t,n){const o=this.proxy,r=R(e)?e.includes(".")?ar(o,e):()=>o[e]:e.bind(o,o);let s;E(t)?s=t:(s=t.handler,n=t);const i=X;Wt(this);const c=lr(r,s.bind(o),n);return i?Wt(i):Tr(),c}function ar(e,t){const n=t.split(".");return()=>{let o=e;for(let r=0;r<n.length&&o;r++)o=o[n[r]];return o}}function Q(e,t){if(!b(e)||e.__v_skip||(t=t||new Set,t.has(e)))return e;if(t.add(e),x(e))Q(e.value,t);else if(h(e))for(let n=0;n<e.length;n++)Q(e[n],t);else if(kt(e)||L(e))e.forEach(n=>{Q(n,t)});else if(nn(e))for(const n in e)Q(e[n],t);return e}const fr=Symbol.for("v-ndc"),qe=e=>e?Cr(e)?Pr(e)||e.proxy:qe(e.parent):null,oe=I(Object.create(null),{$:e=>e,$el:e=>e.vnode.el,$data:e=>e.data,$props:e=>process.env.NODE_ENV!=="production"?_e(e.props):e.props,$attrs:e=>process.env.NODE_ENV!=="production"?_e(e.attrs):e.attrs,$slots:e=>process.env.NODE_ENV!=="production"?_e(e.slots):e.slots,$refs:e=>process.env.NODE_ENV!=="production"?_e(e.refs):e.refs,$parent:e=>qe(e.parent),$root:e=>qe(e.root),$emit:e=>e.emit,$options:e=>hr(e),$forceUpdate:e=>e.f||(e.f=()=>Be(e.update)),$nextTick:e=>e.n||(e.n=Zn.bind(e.proxy)),$watch:e=>ur.bind(e)}),pr=e=>e==="_"||e==="$",Ge=(e,t)=>e!==C&&!e.__isScriptSetup&&m(e,t),dr={get({_:e},t){const{ctx:n,setupState:o,data:r,props:s,accessCache:i,type:c,appContext:u}=e;if(process.env.NODE_ENV!=="production"&&t==="__isVue")return!0;let a;if(t[0]!=="$"){const _=i[t];if(_!==void 0)switch(_){case 1:return o[t];case 2:return r[t];case 4:return n[t];case 3:return s[t]}else{if(Ge(o,t))return i[t]=1,o[t];if(r!==C&&m(r,t))return i[t]=2,r[t];if((a=e.propsOptions[0])&&m(a,t))return i[t]=3,s[t];if(n!==C&&m(n,t))return i[t]=4,n[t];i[t]=0}}const d=oe[t];let l,f;if(d)return t==="$attrs"?(S(e,"get",t),process.env.NODE_ENV!=="production"&&void 0):process.env.NODE_ENV!=="production"&&t==="$slots"&&S(e,"get",t),d(e);if((l=c.__cssModules)&&(l=l[t]))return l;if(n!==C&&m(n,t))return i[t]=4,n[t];if(f=u.config.globalProperties,m(f,t))return f[t];process.env.NODE_ENV!=="production"&&z&&(!R(t)||t.indexOf("__v")!==0)&&(r!==C&&pr(t[0])&&m(r,t)?w(`Property ${JSON.stringify(t)} must be accessed via $data because it starts with a reserved character ("$" or "_") and is not proxied on the render context.`):e===z&&w(`Property ${JSON.stringify(t)} was accessed during render but is not defined on instance.`))},set({_:e},t,n){const{data:o,setupState:r,ctx:s}=e;return Ge(r,t)?(r[t]=n,!0):process.env.NODE_ENV!=="production"&&r.__isScriptSetup&&m(r,t)?(w(`Cannot mutate <script setup> binding "${t}" from Options API.`),!1):o!==C&&m(o,t)?(o[t]=n,!0):m(e.props,t)?(process.env.NODE_ENV!=="production"&&w(`Attempting to mutate prop "${t}". Props are readonly.`),!1):t[0]==="$"&&t.slice(1)in e?(process.env.NODE_ENV!=="production"&&w(`Attempting to mutate public property "${t}". Properties starting with $ are reserved and readonly.`),!1):(process.env.NODE_ENV!=="production"&&t in e.appContext.config.globalProperties?Object.defineProperty(s,t,{enumerable:!0,configurable:!0,value:n}):s[t]=n,!0)},has({_:{data:e,setupState:t,accessCache:n,ctx:o,appContext:r,propsOptions:s}},i){let c;return!!n[i]||e!==C&&m(e,i)||Ge(t,i)||(c=s[0])&&m(c,i)||m(o,i)||m(oe,i)||m(r.config.globalProperties,i)},defineProperty(e,t,n){return n.get!=null?e._.accessCache[t]=0:m(n,"value")&&this.set(e,t,n.value,null),Reflect.defineProperty(e,t,n)}};process.env.NODE_ENV!=="production"&&(dr.ownKeys=e=>(w("Avoid app logic that relies on enumerating keys on a component instance. The keys will be empty in production mode to avoid performance overhead."),Reflect.ownKeys(e)));function Tt(e){return h(e)?e.reduce((t,n)=>(t[n]=null,t),{}):e}function hr(e){const t=e.type,{mixins:n,extends:o}=t,{mixins:r,optionsCache:s,config:{optionMergeStrategies:i}}=e.appContext,c=s.get(t);let u;return c?u=c:!r.length&&!n&&!o?u=t:(u={},r.length&&r.forEach(a=>we(u,a,i,!0)),we(u,t,i)),b(t)&&s.set(t,u),u}function we(e,t,n,o=!1){const{mixins:r,extends:s}=t;s&&we(e,s,n,!0),r&&r.forEach(i=>we(e,i,n,!0));for(const i in t)if(o&&i==="expose")process.env.NODE_ENV!=="production"&&w('"expose" option is ignored when declared in mixins or extends. It should only be declared in the base component itself.');else{const c=_r[i]||n&&n[i];e[i]=c?c(e[i],t[i]):t[i]}return e}const _r={data:Ct,props:$t,emits:$t,methods:se,computed:se,beforeCreate:N,created:N,beforeMount:N,mounted:N,beforeUpdate:N,updated:N,beforeDestroy:N,beforeUnmount:N,destroyed:N,unmounted:N,activated:N,deactivated:N,errorCaptured:N,serverPrefetch:N,components:se,directives:se,watch:mr,provide:Ct,inject:gr};function Ct(e,t){return t?e?function(){return I(E(e)?e.call(this,this):e,E(t)?t.call(this,this):t)}:t:e}function gr(e,t){return se(Pt(e),Pt(t))}function Pt(e){if(h(e)){const t={};for(let n=0;n<e.length;n++)t[e[n]]=e[n];return t}return e}function N(e,t){return e?[...new Set([].concat(e,t))]:t}function se(e,t){return e?I(Object.create(null),e,t):t}function $t(e,t){return e?h(e)&&h(t)?[...new Set([...e,...t])]:I(Object.create(null),Tt(e),Tt(t??{})):t}function mr(e,t){if(!e)return t;if(!t)return e;const n=I(Object.create(null),e);for(const o in t)n[o]=N(e[o],t[o]);return n}const Mt=cr,Er=e=>e.__isTeleport,Ft=Symbol.for("v-fgt"),wr=Symbol.for("v-txt"),Nr=Symbol.for("v-cmt"),Ne=[];let T=null;function br(e=!1){Ne.push(T=e?null:[])}function Or(){Ne.pop(),T=Ne[Ne.length-1]||null}function Sr(e){return e.dynamicChildren=T||Lt,Or(),T&&T.push(e),e}function xr(e,t,n,o,r,s){return Sr(zt(e,t,n,o,r,s,!0))}function Vr(e){return e?e.__v_isVNode===!0:!1}const vr=(...e)=>Kt(...e),At="__vInternal",jt=({key:e})=>e??null,be=({ref:e,ref_key:t,ref_for:n})=>(typeof e=="number"&&(e=""+e),e!=null?R(e)||x(e)||E(e)?{i:z,r:e,k:t,f:!!n}:e:null);function zt(e,t=null,n=null,o=0,r=null,s=e===Ft?0:1,i=!1,c=!1){const u={__v_isVNode:!0,__v_skip:!0,type:e,props:t,key:t&&jt(t),ref:t&&be(t),scopeId:sr,slotScopeIds:null,children:n,component:null,suspense:null,ssContent:null,ssFallback:null,dirs:null,transition:null,el:null,anchor:null,target:null,targetAnchor:null,staticCount:0,shapeFlag:s,patchFlag:o,dynamicProps:r,dynamicChildren:null,appContext:null,ctx:z};return c?(Le(u,n),s&128&&e.normalize(u)):n&&(u.shapeFlag|=R(n)?8:16),process.env.NODE_ENV!=="production"&&u.key!==u.key&&w("VNode created with invalid key (NaN). VNode type:",u.type),!i&&T&&(u.patchFlag>0||s&6)&&u.patchFlag!==32&&T.push(u),u}const Ir=process.env.NODE_ENV!=="production"?vr:Kt;function Kt(e,t=null,n=null,o=0,r=null,s=!1){if((!e||e===fr)&&(process.env.NODE_ENV!=="production"&&!e&&w(`Invalid vnode type when creating vnode: ${e}.`),e=Nr),Vr(e)){const c=Oe(e,t,!0);return n&&Le(c,n),!s&&T&&(c.shapeFlag&6?T[T.indexOf(e)]=c:T.push(c)),c.patchFlag|=-2,c}if(qt(e)&&(e=e.__vccOpts),t){t=yr(t);let{class:c,style:u}=t;c&&!R(c)&&(t.class=ye(c)),b(u)&&(je(u)&&!h(u)&&(u=I({},u)),t.style=Ie(u))}const i=R(e)?1:ir(e)?128:Er(e)?64:b(e)?4:E(e)?2:0;return process.env.NODE_ENV!=="production"&&i&4&&je(e)&&(e=p(e),w("Vue received a Component which was made a reactive object. This can lead to unnecessary performance overhead, and should be avoided by marking the component with `markRaw` or using `shallowRef` instead of `ref`.",`
+Component that was made reactive: `,e)),zt(e,t,n,o,r,i,s,!0)}function yr(e){return e?je(e)||At in e?I({},e):e:null}function Oe(e,t,n=!1){const{props:o,ref:r,patchFlag:s,children:i}=e,c=t?Dr(o||{},t):o;return{__v_isVNode:!0,__v_skip:!0,type:e.type,props:c,key:c&&jt(c),ref:t&&t.ref?n&&r?h(r)?r.concat(be(t)):[r,be(t)]:be(t):r,scopeId:e.scopeId,slotScopeIds:e.slotScopeIds,children:process.env.NODE_ENV!=="production"&&s===-1&&h(i)?i.map(Ht):i,target:e.target,targetAnchor:e.targetAnchor,staticCount:e.staticCount,shapeFlag:e.shapeFlag,patchFlag:t&&e.type!==Ft?s===-1?16:s|16:s,dynamicProps:e.dynamicProps,dynamicChildren:e.dynamicChildren,appContext:e.appContext,dirs:e.dirs,transition:e.transition,component:e.component,suspense:e.suspense,ssContent:e.ssContent&&Oe(e.ssContent),ssFallback:e.ssFallback&&Oe(e.ssFallback),el:e.el,anchor:e.anchor,ctx:e.ctx,ce:e.ce}}function Ht(e){const t=Oe(e);return h(e.children)&&(t.children=e.children.map(Ht)),t}function Rr(e=" ",t=0){return Ir(wr,null,e,t)}function Le(e,t){let n=0;const{shapeFlag:o}=e;if(t==null)t=null;else if(h(t))n=16;else if(typeof t=="object")if(o&65){const r=t.default;r&&(r._c&&(r._d=!1),Le(e,r()),r._c&&(r._d=!0));return}else{n=32;const r=t._;!r&&!(At in t)?t._ctx=z:r===3&&z&&(z.slots._===1?t._=1:(t._=2,e.patchFlag|=1024))}else E(t)?(t={default:t,_ctx:z},n=32):(t=String(t),o&64?(n=16,t=[Rr(t)]):n=8);e.children=t,e.shapeFlag|=n}function Dr(...e){const t={};for(let n=0;n<e.length;n++){const o=e[n];for(const r in o)if(r==="class")t.class!==o.class&&(t.class=ye([t.class,o.class]));else if(r==="style")t.style=Ie([t.style,o.style]);else if(Qt(r)){const s=t[r],i=o[r];i&&s!==i&&!(h(s)&&s.includes(i))&&(t[r]=s?[].concat(s,i):i)}else r!==""&&(t[r]=o[r])}return t}let X=null,Ye,Z,Ut="__VUE_INSTANCE_SETTERS__";(Z=ve()[Ut])||(Z=ve()[Ut]=[]),Z.push(e=>X=e),Ye=e=>{Z.length>1?Z.forEach(t=>t(e)):Z[0](e)};const Wt=e=>{Ye(e),e.scope.on()},Tr=()=>{X&&X.scope.off(),Ye(null)};function Cr(e){return e.vnode.shapeFlag&4}function Pr(e){if(e.exposed)return e.exposeProxy||(e.exposeProxy=new Proxy(Wn(Kn(e.exposed)),{get(t,n){if(n in t)return t[n];if(n in oe)return oe[n](e)},has(t,n){return n in t||n in oe}}))}const $r=/(?:^|[-_])(\w)/g,Mr=e=>e.replace($r,t=>t.toUpperCase()).replace(/[-_]/g,"");function Bt(e,t=!0){return E(e)?e.displayName||e.name:e.name||t&&e.__name}function Jt(e,t,n=!1){let o=Bt(t);if(!o&&t.__file){const r=t.__file.match(/([^/\\]+)\.\w+$/);r&&(o=r[1])}if(!o&&e&&e.parent){const r=s=>{for(const i in s)if(s[i]===t)return i};o=r(e.components||e.parent.type.components)||r(e.appContext.components)}return o?Mr(o):n?"App":"Anonymous"}function qt(e){return E(e)&&"__vccOpts"in e}function Qe(e){return!!(e&&e.__v_isShallow)}function Fr(){if(process.env.NODE_ENV==="production"||typeof window>"u")return;const e={style:"color:#3ba776"},t={style:"color:#0b1bc9"},n={style:"color:#b62e24"},o={style:"color:#9d288c"},r={header(l){return b(l)?l.__isVue?["div",e,"VueInstance"]:x(l)?["div",{},["span",e,d(l)],"<",c(l.value),">"]:W(l)?["div",{},["span",e,Qe(l)?"ShallowReactive":"Reactive"],"<",c(l),`>${B(l)?" (readonly)":""}`]:B(l)?["div",{},["span",e,Qe(l)?"ShallowReadonly":"Readonly"],"<",c(l),">"]:null:null},hasBody(l){return l&&l.__isVue},body(l){if(l&&l.__isVue)return["div",{},...s(l.$)]}};function s(l){const f=[];l.type.props&&l.props&&f.push(i("props",p(l.props))),l.setupState!==C&&f.push(i("setup",l.setupState)),l.data!==C&&f.push(i("data",p(l.data)));const _=u(l,"computed");_&&f.push(i("computed",_));const V=u(l,"inject");return V&&f.push(i("injected",V)),f.push(["div",{},["span",{style:o.style+";opacity:0.66"},"$ (internal): "],["object",{object:l}]]),f}function i(l,f){return f=I({},f),Object.keys(f).length?["div",{style:"line-height:1.25em;margin-bottom:0.6em"},["div",{style:"color:#476582"},l],["div",{style:"padding-left:1.25em"},...Object.keys(f).map(_=>["div",{},["span",o,_+": "],c(f[_],!1)])]]:["span",{}]}function c(l,f=!0){return typeof l=="number"?["span",t,l]:typeof l=="string"?["span",n,JSON.stringify(l)]:typeof l=="boolean"?["span",o,l]:b(l)?["object",{object:f?p(l):l}]:["span",n,String(l)]}function u(l,f){const _=l.type;if(E(_))return;const V={};for(const v in l.ctx)a(_,v,f)&&(V[v]=l.ctx[v]);return V}function a(l,f,_){const V=l[_];if(h(V)&&V.includes(f)||b(V)&&f in V||l.extends&&a(l.extends,f,_)||l.mixins&&l.mixins.some(v=>a(v,f,_)))return!0}function d(l){return Qe(l)?"ShallowRef":l.effect?"ComputedRef":"Ref"}window.devtoolsFormatters?window.devtoolsFormatters.push(r):window.devtoolsFormatters=[r]}function Ar(){Fr()}process.env.NODE_ENV!=="production"&&Ar();const jr=(e,t)=>{const n=e.__vccOpts||e;for(const[o,r]of t)n[o]=r;return n},zr={};function Kr(e,t){return br(),xr("button",null,"123456")}const Gt=jr(zr,[["render",Kr]]),Hr={install(e){e.component("StButton",Gt)}};K.StButton=Gt,K.default=Hr,Object.defineProperties(K,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/lib/vite.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>

package/package.json

@@ -1,20 +1,22 @@
-{
-  "name": "st-comp",
-  "public": true,
-  "version": "0.0.1",
-  "type": "module",
-  "scripts": {
-    "dev": "vite",
-    "build": "vue-tsc && vite build",
-    "preview": "vite preview"
-  },
-  "dependencies": {
-    "vue": "^3.3.4"
-  },
-  "devDependencies": {
-    "@vitejs/plugin-vue": "^4.2.3",
-    "typescript": "^5.0.2",
-    "vite": "^4.4.5",
-    "vue-tsc": "^1.8.5"
-  }
-}
+{
+  "name": "st-comp",
+  "public": true,
+  "version": "0.0.3",
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "vue-tsc && vite build",
+    "preview": "vite preview"
+  },
+  "main": "lib/bundle.umd.umd.cjs",
+  "module": "lib/bundle.umd.umd.cjs",
+  "dependencies": {
+    "vue": "^3.3.4"
+  },
+  "devDependencies": {
+    "@vitejs/plugin-vue": "^4.2.3",
+    "typescript": "^5.0.2",
+    "vite": "^4.4.5",
+    "vue-tsc": "^1.8.5"
+  }
+}

package/src/App.vue

@@ -1,34 +1,34 @@
-<script setup lang="ts">
-import HelloWorld from './components/HelloWorld.vue'
-import Button from '../packages/Button/index.vue'
-import List from '../packages/List/index.vue'
-</script>
-
-<template>
-  <div>
-    <a href="https://vitejs.dev" target="_blank">
-      <img src="/vite.svg" class="logo" alt="Vite logo" />
-    </a>
-    <a href="https://vuejs.org/" target="_blank">
-      <img src="./assets/vue.svg" class="logo vue" alt="Vue logo" />
-      <Button></Button>
-      <List></List>
-    </a>
-  </div>
-  <HelloWorld msg="Vite + Vue" />
-</template>
-
-<style scoped>
-.logo {
-  height: 6em;
-  padding: 1.5em;
-  will-change: filter;
-  transition: filter 300ms;
-}
-.logo:hover {
-  filter: drop-shadow(0 0 2em #646cffaa);
-}
-.logo.vue:hover {
-  filter: drop-shadow(0 0 2em #42b883aa);
-}
-</style>
+<script setup lang="ts">
+import HelloWorld from './components/HelloWorld.vue'
+import Button from '../packages/Button/index.vue'
+import List from '../packages/List/index.vue'
+</script>
+
+<template>
+  <div>
+    <a href="https://vitejs.dev" target="_blank">
+      <img src="/vite.svg" class="logo" alt="Vite logo" />
+    </a>
+    <a href="https://vuejs.org/" target="_blank">
+      <img src="./assets/vue.svg" class="logo vue" alt="Vue logo" />
+      <Button></Button>
+      <List></List>
+    </a>
+  </div>
+  <HelloWorld msg="Vite + Vue" />
+</template>
+
+<style scoped>
+.logo {
+  height: 6em;
+  padding: 1.5em;
+  will-change: filter;
+  transition: filter 300ms;
+}
+.logo:hover {
+  filter: drop-shadow(0 0 2em #646cffaa);
+}
+.logo.vue:hover {
+  filter: drop-shadow(0 0 2em #42b883aa);
+}
+</style>

package/src/components/HelloWorld.vue

@@ -1,38 +1,38 @@
-<script setup lang="ts">
-import { ref } from 'vue'
-
-defineProps<{ msg: string }>()
-
-const count = ref(0)
-</script>
-
-<template>
-  <h1>{{ msg }}</h1>
-
-  <div class="card">
-    <button type="button" @click="count++">count is {{ count }}</button>
-    <p>
-      Edit
-      <code>components/HelloWorld.vue</code> to test HMR
-    </p>
-  </div>
-
-  <p>
-    Check out
-    <a href="https://vuejs.org/guide/quick-start.html#local" target="_blank"
-      >create-vue</a
-    >, the official Vue + Vite starter
-  </p>
-  <p>
-    Install
-    <a href="https://github.com/vuejs/language-tools" target="_blank">Volar</a>
-    in your IDE for a better DX
-  </p>
-  <p class="read-the-docs">Click on the Vite and Vue logos to learn more</p>
-</template>
-
-<style scoped>
-.read-the-docs {
-  color: #888;
-}
-</style>
+<script setup lang="ts">
+import { ref } from 'vue'
+
+defineProps<{ msg: string }>()
+
+const count = ref(0)
+</script>
+
+<template>
+  <h1>{{ msg }}</h1>
+
+  <div class="card">
+    <button type="button" @click="count++">count is {{ count }}</button>
+    <p>
+      Edit
+      <code>components/HelloWorld.vue</code> to test HMR
+    </p>
+  </div>
+
+  <p>
+    Check out
+    <a href="https://vuejs.org/guide/quick-start.html#local" target="_blank"
+      >create-vue</a
+    >, the official Vue + Vite starter
+  </p>
+  <p>
+    Install
+    <a href="https://github.com/vuejs/language-tools" target="_blank">Volar</a>
+    in your IDE for a better DX
+  </p>
+  <p class="read-the-docs">Click on the Vite and Vue logos to learn more</p>
+</template>
+
+<style scoped>
+.read-the-docs {
+  color: #888;
+}
+</style>

package/src/main.ts

@@ -1,5 +1,5 @@
-import { createApp } from 'vue'
-import './style.css'
-import App from './App.vue'
-
-createApp(App).mount('#app')
+import { createApp } from 'vue'
+import './style.css'
+import App from './App.vue'
+
+createApp(App).mount('#app')

package/src/style.css

@@ -1,80 +1,80 @@
-:root {
-  font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
-  line-height: 1.5;
-  font-weight: 400;
-
-  color-scheme: light dark;
-  color: rgba(255, 255, 255, 0.87);
-  background-color: #242424;
-
-  font-synthesis: none;
-  text-rendering: optimizeLegibility;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-  -webkit-text-size-adjust: 100%;
-}
-
-a {
-  font-weight: 500;
-  color: #646cff;
-  text-decoration: inherit;
-}
-a:hover {
-  color: #535bf2;
-}
-
-body {
-  margin: 0;
-  display: flex;
-  place-items: center;
-  min-width: 320px;
-  min-height: 100vh;
-}
-
-h1 {
-  font-size: 3.2em;
-  line-height: 1.1;
-}
-
-button {
-  border-radius: 8px;
-  border: 1px solid transparent;
-  padding: 0.6em 1.2em;
-  font-size: 1em;
-  font-weight: 500;
-  font-family: inherit;
-  background-color: #1a1a1a;
-  cursor: pointer;
-  transition: border-color 0.25s;
-}
-button:hover {
-  border-color: #646cff;
-}
-button:focus,
-button:focus-visible {
-  outline: 4px auto -webkit-focus-ring-color;
-}
-
-.card {
-  padding: 2em;
-}
-
-#app {
-  max-width: 1280px;
-  margin: 0 auto;
-  padding: 2rem;
-  text-align: center;
-}
-
-@media (prefers-color-scheme: light) {
-  :root {
-    color: #213547;
-    background-color: #ffffff;
-  }
-  a:hover {
-    color: #747bff;
-  }
-  button {
-    background-color: #f9f9f9;
-  }
-}
+:root {
+  font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
+  line-height: 1.5;
+  font-weight: 400;
+
+  color-scheme: light dark;
+  color: rgba(255, 255, 255, 0.87);
+  background-color: #242424;
+
+  font-synthesis: none;
+  text-rendering: optimizeLegibility;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  -webkit-text-size-adjust: 100%;
+}
+
+a {
+  font-weight: 500;
+  color: #646cff;
+  text-decoration: inherit;
+}
+a:hover {
+  color: #535bf2;
+}
+
+body {
+  margin: 0;
+  display: flex;
+  place-items: center;
+  min-width: 320px;
+  min-height: 100vh;
+}
+
+h1 {
+  font-size: 3.2em;
+  line-height: 1.1;
+}
+
+button {
+  border-radius: 8px;
+  border: 1px solid transparent;
+  padding: 0.6em 1.2em;
+  font-size: 1em;
+  font-weight: 500;
+  font-family: inherit;
+  background-color: #1a1a1a;
+  cursor: pointer;
+  transition: border-color 0.25s;
+}
+button:hover {
+  border-color: #646cff;
+}
+button:focus,
+button:focus-visible {
+  outline: 4px auto -webkit-focus-ring-color;
+}
+
+.card {
+  padding: 2em;
+}
+
+#app {
+  max-width: 1280px;
+  margin: 0 auto;
+  padding: 2rem;
+  text-align: center;
+}
+
+@media (prefers-color-scheme: light) {
+  :root {
+    color: #213547;
+    background-color: #ffffff;
+  }
+  a:hover {
+    color: #747bff;
+  }
+  button {
+    background-color: #f9f9f9;
+  }
+}

package/src/vite-env.d.ts

@@ -1 +1 @@
-/// <reference types="vite/client" />
+/// <reference types="vite/client" />

package/tsconfig.json

@@ -1,25 +1,25 @@
-{
-  "compilerOptions": {
-    "target": "ES2020",
-    "useDefineForClassFields": true,
-    "module": "ESNext",
-    "lib": ["ES2020", "DOM", "DOM.Iterable"],
-    "skipLibCheck": true,
-
-    /* Bundler mode */
-    "moduleResolution": "bundler",
-    "allowImportingTsExtensions": true,
-    "resolveJsonModule": true,
-    "isolatedModules": true,
-    "noEmit": true,
-    "jsx": "preserve",
-
-    /* Linting */
-    "strict": true,
-    "noUnusedLocals": true,
-    "noUnusedParameters": true,
-    "noFallthroughCasesInSwitch": true
-  },
-  "include": ["src/**/*.ts", "src/**/*.d.ts", "src/**/*.tsx", "src/**/*.vue"],
-  "references": [{ "path": "./tsconfig.node.json" }]
-}
+{
+  "compilerOptions": {
+    "target": "ES2020",
+    "useDefineForClassFields": true,
+    "module": "ESNext",
+    "lib": ["ES2020", "DOM", "DOM.Iterable"],
+    "skipLibCheck": true,
+
+    /* Bundler mode */
+    "moduleResolution": "bundler",
+    "allowImportingTsExtensions": true,
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "noEmit": true,
+    "jsx": "preserve",
+
+    /* Linting */
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "noFallthroughCasesInSwitch": true
+  },
+  "include": ["src/**/*.ts", "src/**/*.d.ts", "src/**/*.tsx", "src/**/*.vue"],
+  "references": [{ "path": "./tsconfig.node.json" }]
+}

package/tsconfig.node.json

@@ -1,10 +1,10 @@
-{
-  "compilerOptions": {
-    "composite": true,
-    "skipLibCheck": true,
-    "module": "ESNext",
-    "moduleResolution": "bundler",
-    "allowSyntheticDefaultImports": true
-  },
-  "include": ["vite.config.ts"]
-}
+{
+  "compilerOptions": {
+    "composite": true,
+    "skipLibCheck": true,
+    "module": "ESNext",
+    "moduleResolution": "bundler",
+    "allowSyntheticDefaultImports": true
+  },
+  "include": ["vite.config.ts"]
+}

package/vite.config.ts

@@ -1,15 +1,16 @@
-import { defineConfig } from 'vite'
-import vue from '@vitejs/plugin-vue'
-import { resolve } from 'path'
-
-// https://vitejs.dev/config/
-export default defineConfig({
-  plugins: [vue()],
-  build: {
-    lib: {
-      entry: resolve(__dirname, './packages/Button/index.ts'),
-      name: 'Bundle',
-      fileName: 'bundle'
-    },
-  }
-})
+import { defineConfig } from 'vite'
+import vue from '@vitejs/plugin-vue'
+import { resolve } from 'path'
+
+// https://vitejs.dev/config/
+export default defineConfig({
+  plugins: [vue()],
+  build: {
+    outDir: 'lib',
+    lib: {
+      entry: resolve(__dirname, './packages/Button/index.ts'),
+      name: 'Bundle',
+      fileName: 'bundle'
+    },
+  }
+})

package/.vscode/extensions.json

@@ -1,3 +0,0 @@
-{
-  "recommendations": ["Vue.volar", "Vue.vscode-typescript-vue-plugin"]
-}