vue3-quiz-lib 1.0.0

package/README.md

@@ -0,0 +1,5 @@
+# Vue 3 + TypeScript + Vite
+
+This template should help get you started developing with Vue 3 and TypeScript in Vite. The template uses Vue 3 `<script setup>` SFCs, check out the [script setup docs](https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup) to learn more.
+
+Learn more about the recommended Project Setup and IDE Support in the [Vue Docs TypeScript Guide](https://vuejs.org/guide/typescript/overview.html#project-setup).

package/dist/style.css

@@ -0,0 +1 @@
+.opt-item[data-v-f714d90e],.opt-item[data-v-196575e1]{display:block;margin:8px 0;cursor:pointer}.tip-text[data-v-036982ce]{color:#999;padding:10px 0}.quiz-card[data-v-f266e716]{padding:16px;border:1px solid #eee;border-radius:8px;margin-bottom:14px;background:#fff}.quiz-title[data-v-f266e716]{font-size:15px;margin-bottom:12px}.score-tag[data-v-f266e716]{color:#666;font-size:13px}.wrong[data-v-f266e716]{border-color:#f53f3f;background-color:#fff2f2}.right[data-v-f266e716]{border-color:#00b42a;background-color:#f0fff4}.analysis[data-v-f266e716]{margin-top:12px;padding-top:10px;border-top:1px dashed #eee;font-size:13px;color:#666}.sheet-wrap[data-v-c150eab2]{width:180px;border:1px solid #eee;padding:16px;border-radius:8px;position:sticky;top:20px;background:#fff}.sheet-title[data-v-c150eab2]{margin:0 0 12px;font-size:15px}.num-list[data-v-c150eab2]{display:flex;flex-wrap:wrap;gap:6px}.num-item[data-v-c150eab2]{width:28px;height:28px;line-height:28px;text-align:center;border:1px solid #ccc;border-radius:4px;font-size:13px;cursor:pointer}.num-item.ok[data-v-c150eab2]{background:#00b42a;color:#fff;border-color:#00b42a}.num-item.err[data-v-c150eab2]{background:#f53f3f;color:#fff;border-color:#f53f3f}.result-mask[data-v-9d92d531]{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.55);display:flex;align-items:center;justify-content:center;z-index:9999}.result-box[data-v-9d92d531]{background:#fff;padding:30px;border-radius:12px;min-width:320px}.btn-group[data-v-9d92d531]{margin-top:20px;display:flex;gap:12px;justify-content:center}button[data-v-9d92d531]{padding:6px 16px;border-radius:4px;border:none;cursor:pointer}.close-btn[data-v-9d92d531]{background:#eee}.reset-btn[data-v-9d92d531]{background:#409eff;color:#fff}.submit-btn[data-v-2cc1922f]{padding:6px 18px;background:#1989fa;color:#fff;border:none;border-radius:4px;cursor:pointer}

package/dist/vue-quiz-exam.js

@@ -0,0 +1,277 @@
+import { ref as g, onMounted as R, onUnmounted as q, openBlock as c, createElementBlock as u, Fragment as y, renderList as x, createElementVNode as r, toDisplayString as m, normalizeClass as I, createTextVNode as A, createBlock as z, resolveDynamicComponent as N, createCommentVNode as S, unref as h, createVNode as L } from "vue";
+function E(e = 3600) {
+  const l = g(e), s = g("00:00:00");
+  let n = null;
+  const i = (t) => {
+    const _ = Math.floor(t / 3600), v = Math.floor(t % 3600 / 60), f = t % 60;
+    return `${String(_).padStart(2, "0")}:${String(v).padStart(2, "0")}:${String(f).padStart(2, "0")}`;
+  }, d = () => {
+    n = setInterval(() => {
+      if (l.value <= 0) {
+        clearInterval(n);
+        return;
+      }
+      l.value--, s.value = i(l.value);
+    }, 1e3);
+  }, a = () => {
+    n && clearInterval(n);
+  }, o = () => {
+    l.value = e, s.value = i(e);
+  };
+  return R(() => d()), q(() => a()), {
+    formatTime: s,
+    stopTimer: a,
+    resetTimer: o
+  };
+}
+function j(e) {
+  const l = g({}), s = g([]), n = g([]), i = g(0), d = () => e.reduce((t, _) => t + _.score, 0), a = () => {
+    s.value = [], n.value = [], i.value = 0, e.forEach((t) => {
+      const _ = l.value[t.id];
+      if (!_) {
+        s.value.push(t.id);
+        return;
+      }
+      let v = !1;
+      if (t.type === "radio" && (v = _ === t.answer), t.type === "checkbox") {
+        const f = [..._].sort().join(","), $ = [...t.answer].sort().join(",");
+        v = f === $;
+      }
+      v ? (i.value += t.score, n.value.push(t.id)) : s.value.push(t.id);
+    });
+  }, o = () => {
+    l.value = {}, s.value = [], n.value = [], i.value = 0;
+  };
+  return {
+    userAnswer: l,
+    wrongList: s,
+    rightList: n,
+    totalScore: i,
+    fullScore: d(),
+    checkAnswer: a,
+    resetAnswer: o
+  };
+}
+const p = (e, l) => {
+  const s = e.__vccOpts || e;
+  for (const [n, i] of l)
+    s[n] = i;
+  return s;
+}, D = { class: "radio-wrap" }, B = ["name", "value", "checked", "onChange"], M = {
+  __name: "QuizRadio",
+  props: ["id", "options", "modelValue"],
+  emits: ["update:modelValue"],
+  setup(e, { emit: l }) {
+    return (s, n) => (c(), u("div", D, [
+      (c(!0), u(y, null, x(e.options, (i) => (c(), u("label", {
+        key: i,
+        class: "opt-item"
+      }, [
+        r("input", {
+          type: "radio",
+          name: `q_${e.id}`,
+          value: i,
+          checked: e.modelValue === i,
+          onChange: (d) => s.$emit("update:modelValue", i)
+        }, null, 40, B),
+        r("span", null, m(i), 1)
+      ]))), 128))
+    ]));
+  }
+}, F = /* @__PURE__ */ p(M, [["__scopeId", "data-v-f714d90e"]]);
+const O = { class: "checkbox-wrap" }, U = ["value", "checked", "onChange"], W = {
+  __name: "QuizCheckbox",
+  props: ["id", "options", "modelValue"],
+  emits: ["update:modelValue"],
+  setup(e, { emit: l }) {
+    const s = e, n = l, i = (d, a) => {
+      const o = [...s.modelValue || []];
+      if (d.target.checked)
+        o.push(a);
+      else {
+        const t = o.indexOf(a);
+        t > -1 && o.splice(t, 1);
+      }
+      n("update:modelValue", o);
+    };
+    return (d, a) => (c(), u("div", O, [
+      (c(!0), u(y, null, x(e.options, (o) => (c(), u("label", {
+        key: o,
+        class: "opt-item"
+      }, [
+        r("input", {
+          type: "checkbox",
+          value: o,
+          checked: (e.modelValue || []).includes(o),
+          onChange: (t) => i(t, o)
+        }, null, 40, U),
+        r("span", null, m(o), 1)
+      ]))), 128))
+    ]));
+  }
+}, G = /* @__PURE__ */ p(W, [["__scopeId", "data-v-196575e1"]]);
+const H = {}, J = { class: "tip-text" };
+function K(e, l) {
+  return c(), u("div", J, " 该题型暂未支持，后续版本拓展开放 ");
+}
+const P = /* @__PURE__ */ p(H, [["render", K], ["__scopeId", "data-v-036982ce"]]);
+const X = ["id"], Y = { class: "quiz-title" }, Z = { class: "score-tag" }, ee = {
+  key: 0,
+  class: "analysis"
+}, te = {
+  __name: "QuizCard",
+  props: ["item", "answerData", "wrongIds", "rightIds", "showResult"],
+  setup(e) {
+    const l = e, s = () => l.wrongIds.includes(l.item.id), n = () => l.rightIds.includes(l.item.id), i = (d) => ({
+      radio: F,
+      checkbox: G
+    })[d] || P;
+    return (d, a) => (c(), u("div", {
+      class: I(["quiz-card", { wrong: s, right: n }]),
+      id: `quiz_${e.item.id}`
+    }, [
+      r("div", Y, [
+        A(m(e.item.title) + " ", 1),
+        r("span", Z, "(" + m(e.item.score) + "分)", 1)
+      ]),
+      (c(), z(N(i(e.item.type)), {
+        modelValue: e.answerData[e.item.id],
+        "onUpdate:modelValue": a[0] || (a[0] = (o) => e.answerData[e.item.id] = o),
+        id: e.item.id,
+        options: e.item.options
+      }, null, 8, ["modelValue", "id", "options"])),
+      e.showResult && e.item.analysis ? (c(), u("div", ee, " 答案解析：" + m(e.item.analysis), 1)) : S("", !0)
+    ], 10, X));
+  }
+}, se = /* @__PURE__ */ p(te, [["__scopeId", "data-v-f266e716"]]);
+const ne = { class: "sheet-wrap" }, oe = { class: "num-list" }, ie = ["onClick"], le = {
+  __name: "AnswerSheet",
+  props: ["list", "wrongIds", "rightIds"],
+  emits: ["jump"],
+  setup(e, { emit: l }) {
+    const s = e, n = l, i = (a) => s.wrongIds.includes(a) ? "err" : s.rightIds.includes(a) ? "ok" : "", d = (a) => {
+      n("jump", a);
+      const o = document.getElementById(`quiz_${a}`);
+      o && o.scrollIntoView({ behavior: "smooth" });
+    };
+    return (a, o) => (c(), u("div", ne, [
+      o[0] || (o[0] = r("h4", { class: "sheet-title" }, "答题卡", -1)),
+      r("div", oe, [
+        (c(!0), u(y, null, x(e.list, (t) => (c(), u("span", {
+          key: t.id,
+          class: I(["num-item", i(t.id)]),
+          onClick: (_) => d(t.id)
+        }, m(t.id), 11, ie))), 128))
+      ])
+    ]));
+  }
+}, ae = /* @__PURE__ */ p(le, [["__scopeId", "data-v-c150eab2"]]);
+const re = { class: "result-mask" }, ce = { class: "result-box" }, ue = { class: "btn-group" }, de = {
+  __name: "QuizResult",
+  props: ["score", "fullScore", "rightNum", "wrongNum"],
+  emits: ["close", "reset"],
+  setup(e, { emit: l }) {
+    return (s, n) => (c(), u("div", re, [
+      r("div", ce, [
+        n[2] || (n[2] = r("h3", null, "答题结束", -1)),
+        r("p", null, "试卷总分：" + m(e.fullScore) + " 分", 1),
+        r("p", null, "本次得分：" + m(e.score) + " 分", 1),
+        r("p", null, "答对题数：" + m(e.rightNum) + " 道", 1),
+        r("p", null, "答错题数：" + m(e.wrongNum) + " 道", 1),
+        r("div", ue, [
+          r("button", {
+            class: "close-btn",
+            onClick: n[0] || (n[0] = (i) => s.$emit("close"))
+          }, "查看试卷"),
+          r("button", {
+            class: "reset-btn",
+            onClick: n[1] || (n[1] = (i) => s.$emit("reset"))
+          }, "重新答题")
+        ])
+      ])
+    ]));
+  }
+}, me = /* @__PURE__ */ p(de, [["__scopeId", "data-v-9d92d531"]]);
+const _e = {
+  class: "quiz-exam-wrap",
+  style: { display: "flex", gap: "24px", padding: "20px", "box-sizing": "border-box" }
+}, he = { style: { flex: "1", "min-width": "0" } }, ve = {
+  class: "exam-head",
+  style: { display: "flex", "justify-content": "space-between", "align-items": "center", "margin-bottom": "20px" }
+}, ge = { class: "time-text" }, pe = { class: "quiz-content" }, fe = {
+  __name: "QuizExam",
+  props: {
+    // 题库数据
+    quizList: {
+      type: Array,
+      required: !0,
+      default: () => []
+    },
+    // 考试时长 单位：秒
+    limitTime: {
+      type: Number,
+      default: 3600
+    }
+  },
+  emits: ["finish"],
+  setup(e, { emit: l }) {
+    const s = e, n = l, { formatTime: i, stopTimer: d } = E(s.limitTime), {
+      userAnswer: a,
+      wrongList: o,
+      rightList: t,
+      totalScore: _,
+      fullScore: v,
+      checkAnswer: f,
+      resetAnswer: $
+    } = j(s.quizList), Q = a, b = _, w = g(!1), V = () => {
+      d(), f(), w.value = !0, n("finish", {
+        answers: a.value,
+        score: b.value,
+        wrongIds: o.value,
+        rightIds: t.value,
+        fullScore: v.value
+      });
+    }, T = () => {
+      w.value = !1, $();
+    };
+    return (we, C) => (c(), u("div", _e, [
+      r("div", he, [
+        r("div", ve, [
+          r("div", ge, "考试剩余时间：" + m(h(i)), 1),
+          r("button", {
+            class: "submit-btn",
+            onClick: V
+          }, "提交试卷")
+        ]),
+        r("div", pe, [
+          (c(!0), u(y, null, x(e.quizList, (k) => (c(), z(se, {
+            key: k.id,
+            item: k,
+            "answer-data": h(Q),
+            "wrong-ids": h(o),
+            "right-ids": h(t),
+            "show-result": w.value
+          }, null, 8, ["item", "answer-data", "wrong-ids", "right-ids", "show-result"]))), 128))
+        ])
+      ]),
+      L(ae, {
+        list: e.quizList,
+        "wrong-ids": h(o),
+        "right-ids": h(t)
+      }, null, 8, ["list", "wrong-ids", "right-ids"]),
+      w.value ? (c(), z(me, {
+        key: 0,
+        score: h(b),
+        "full-score": h(v),
+        "right-num": h(t).length,
+        "wrong-num": h(o).length,
+        onClose: C[0] || (C[0] = (k) => w.value = !1),
+        onReset: T
+      }, null, 8, ["score", "full-score", "right-num", "wrong-num"])) : S("", !0)
+    ]));
+  }
+}, xe = /* @__PURE__ */ p(fe, [["__scopeId", "data-v-2cc1922f"]]);
+export {
+  xe as QuizExam,
+  xe as default
+};

package/dist/vue-quiz-exam.umd.cjs

@@ -0,0 +1 @@
+(function(m,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(m=typeof globalThis<"u"?globalThis:m||self,e(m.VueQuizExam={},m.Vue))})(this,function(m,e){"use strict";function E(t=3600){const c=e.ref(t),s=e.ref("00:00:00");let o=null;const i=n=>{const d=Math.floor(n/3600),u=Math.floor(n%3600/60),p=n%60;return`${String(d).padStart(2,"0")}:${String(u).padStart(2,"0")}:${String(p).padStart(2,"0")}`},a=()=>{o=setInterval(()=>{if(c.value<=0){clearInterval(o);return}c.value--,s.value=i(c.value)},1e3)},r=()=>{o&&clearInterval(o)},l=()=>{c.value=t,s.value=i(t)};return e.onMounted(()=>a()),e.onUnmounted(()=>r()),{formatTime:s,stopTimer:r,resetTimer:l}}function x(t){const c=e.ref({}),s=e.ref([]),o=e.ref([]),i=e.ref(0),a=()=>t.reduce((n,d)=>n+d.score,0),r=()=>{s.value=[],o.value=[],i.value=0,t.forEach(n=>{const d=c.value[n.id];if(!d){s.value.push(n.id);return}let u=!1;if(n.type==="radio"&&(u=d===n.answer),n.type==="checkbox"){const p=[...d].sort().join(","),h=[...n.answer].sort().join(",");u=p===h}u?(i.value+=n.score,o.value.push(n.id)):s.value.push(n.id)})},l=()=>{c.value={},s.value=[],o.value=[],i.value=0};return{userAnswer:c,wrongList:s,rightList:o,totalScore:i,fullScore:a(),checkAnswer:r,resetAnswer:l}}const ee="",_=(t,c)=>{const s=t.__vccOpts||t;for(const[o,i]of c)s[o]=i;return s},V={class:"radio-wrap"},$=["name","value","checked","onChange"],B=_({__name:"QuizRadio",props:["id","options","modelValue"],emits:["update:modelValue"],setup(t,{emit:c}){return(s,o)=>(e.openBlock(),e.createElementBlock("div",V,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.options,i=>(e.openBlock(),e.createElementBlock("label",{key:i,class:"opt-item"},[e.createElementVNode("input",{type:"radio",name:`q_${t.id}`,value:i,checked:t.modelValue===i,onChange:a=>s.$emit("update:modelValue",i)},null,40,$),e.createElementVNode("span",null,e.toDisplayString(i),1)]))),128))]))}},[["__scopeId","data-v-f714d90e"]]),ne="",S={class:"checkbox-wrap"},z=["value","checked","onChange"],N=_({__name:"QuizCheckbox",props:["id","options","modelValue"],emits:["update:modelValue"],setup(t,{emit:c}){const s=t,o=c,i=(a,r)=>{const l=[...s.modelValue||[]];if(a.target.checked)l.push(r);else{const n=l.indexOf(r);n>-1&&l.splice(n,1)}o("update:modelValue",l)};return(a,r)=>(e.openBlock(),e.createElementBlock("div",S,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.options,l=>(e.openBlock(),e.createElementBlock("label",{key:l,class:"opt-item"},[e.createElementVNode("input",{type:"checkbox",value:l,checked:(t.modelValue||[]).includes(l),onChange:n=>i(n,l)},null,40,z),e.createElementVNode("span",null,e.toDisplayString(l),1)]))),128))]))}},[["__scopeId","data-v-196575e1"]]),oe="",b={},C={class:"tip-text"};function I(t,c){return e.openBlock(),e.createElementBlock("div",C," 该题型暂未支持，后续版本拓展开放 ")}const Q=_(b,[["render",I],["__scopeId","data-v-036982ce"]]),le="",D=["id"],T={class:"quiz-title"},q={class:"score-tag"},R={key:0,class:"analysis"},L=_({__name:"QuizCard",props:["item","answerData","wrongIds","rightIds","showResult"],setup(t){const c=t,s=()=>c.wrongIds.includes(c.item.id),o=()=>c.rightIds.includes(c.item.id),i=a=>({radio:B,checkbox:N})[a]||Q;return(a,r)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["quiz-card",{wrong:s,right:o}]),id:`quiz_${t.item.id}`},[e.createElementVNode("div",T,[e.createTextVNode(e.toDisplayString(t.item.title)+" ",1),e.createElementVNode("span",q,"("+e.toDisplayString(t.item.score)+"分)",1)]),(e.openBlock(),e.createBlock(e.resolveDynamicComponent(i(t.item.type)),{modelValue:t.answerData[t.item.id],"onUpdate:modelValue":r[0]||(r[0]=l=>t.answerData[t.item.id]=l),id:t.item.id,options:t.item.options},null,8,["modelValue","id","options"])),t.showResult&&t.item.analysis?(e.openBlock(),e.createElementBlock("div",R," 答案解析："+e.toDisplayString(t.item.analysis),1)):e.createCommentVNode("",!0)],10,D))}},[["__scopeId","data-v-f266e716"]]),ce="",A={class:"sheet-wrap"},j={class:"num-list"},F=["onClick"],M=_({__name:"AnswerSheet",props:["list","wrongIds","rightIds"],emits:["jump"],setup(t,{emit:c}){const s=t,o=c,i=r=>s.wrongIds.includes(r)?"err":s.rightIds.includes(r)?"ok":"",a=r=>{o("jump",r);const l=document.getElementById(`quiz_${r}`);l&&l.scrollIntoView({behavior:"smooth"})};return(r,l)=>(e.openBlock(),e.createElementBlock("div",A,[l[0]||(l[0]=e.createElementVNode("h4",{class:"sheet-title"},"答题卡",-1)),e.createElementVNode("div",j,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.list,n=>(e.openBlock(),e.createElementBlock("span",{key:n.id,class:e.normalizeClass(["num-item",i(n.id)]),onClick:d=>a(n.id)},e.toDisplayString(n.id),11,F))),128))])]))}},[["__scopeId","data-v-c150eab2"]]),ae="",O={class:"result-mask"},U={class:"result-box"},P={class:"btn-group"},W=_({__name:"QuizResult",props:["score","fullScore","rightNum","wrongNum"],emits:["close","reset"],setup(t,{emit:c}){return(s,o)=>(e.openBlock(),e.createElementBlock("div",O,[e.createElementVNode("div",U,[o[2]||(o[2]=e.createElementVNode("h3",null,"答题结束",-1)),e.createElementVNode("p",null,"试卷总分："+e.toDisplayString(t.fullScore)+" 分",1),e.createElementVNode("p",null,"本次得分："+e.toDisplayString(t.score)+" 分",1),e.createElementVNode("p",null,"答对题数："+e.toDisplayString(t.rightNum)+" 道",1),e.createElementVNode("p",null,"答错题数："+e.toDisplayString(t.wrongNum)+" 道",1),e.createElementVNode("div",P,[e.createElementVNode("button",{class:"close-btn",onClick:o[0]||(o[0]=i=>s.$emit("close"))},"查看试卷"),e.createElementVNode("button",{class:"reset-btn",onClick:o[1]||(o[1]=i=>s.$emit("reset"))},"重新答题")])])]))}},[["__scopeId","data-v-9d92d531"]]),me="",G={class:"quiz-exam-wrap",style:{display:"flex",gap:"24px",padding:"20px","box-sizing":"border-box"}},H={style:{flex:"1","min-width":"0"}},J={class:"exam-head",style:{display:"flex","justify-content":"space-between","align-items":"center","margin-bottom":"20px"}},K={class:"time-text"},X={class:"quiz-content"},k=_({__name:"QuizExam",props:{quizList:{type:Array,required:!0,default:()=>[]},limitTime:{type:Number,default:3600}},emits:["finish"],setup(t,{emit:c}){const s=t,o=c,{formatTime:i,stopTimer:a}=E(s.limitTime),{userAnswer:r,wrongList:l,rightList:n,totalScore:d,fullScore:u,checkAnswer:p,resetAnswer:h}=x(s.quizList),Y=r,y=d,f=e.ref(!1),Z=()=>{a(),p(),f.value=!0,o("finish",{answers:r.value,score:y.value,wrongIds:l.value,rightIds:n.value,fullScore:u.value})},v=()=>{f.value=!1,h()};return(_e,w)=>(e.openBlock(),e.createElementBlock("div",G,[e.createElementVNode("div",H,[e.createElementVNode("div",J,[e.createElementVNode("div",K,"考试剩余时间："+e.toDisplayString(e.unref(i)),1),e.createElementVNode("button",{class:"submit-btn",onClick:Z},"提交试卷")]),e.createElementVNode("div",X,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.quizList,g=>(e.openBlock(),e.createBlock(L,{key:g.id,item:g,"answer-data":e.unref(Y),"wrong-ids":e.unref(l),"right-ids":e.unref(n),"show-result":f.value},null,8,["item","answer-data","wrong-ids","right-ids","show-result"]))),128))])]),e.createVNode(M,{list:t.quizList,"wrong-ids":e.unref(l),"right-ids":e.unref(n)},null,8,["list","wrong-ids","right-ids"]),f.value?(e.openBlock(),e.createBlock(W,{key:0,score:e.unref(y),"full-score":e.unref(u),"right-num":e.unref(n).length,"wrong-num":e.unref(l).length,onClose:w[0]||(w[0]=g=>f.value=!1),onReset:v},null,8,["score","full-score","right-num","wrong-num"])):e.createCommentVNode("",!0)]))}},[["__scopeId","data-v-2cc1922f"]]);m.QuizExam=k,m.default=k,Object.defineProperties(m,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/package.json

@@ -0,0 +1,28 @@
+{
+  "name": "vue3-quiz-lib",
+  "version": "1.0.0",
+  "description": "Vue3通用在线做题组件库，支持单选多选、计时计分、答题卡、错题解析",
+  "main": "./dist/vue-quiz-exam.umd.cjs",
+  "module": "./dist/vue-quiz-exam.js",
+  "exports": {
+    ".": {
+      "import": "./dist/vue-quiz-exam.js",
+      "require": "./dist/vue-quiz-exam.umd.cjs"
+    },
+    "./dist/style.css": "./dist/style.css"
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "vite build"
+  },
+  "peerDependencies": {
+    "vue": "^3.3.0"
+  },
+  "devDependencies": {
+    "@vitejs/plugin-vue": "^4.0.0",
+    "vite": "^4.0.0",
+    "vue": "^3.4.0"
+  }
+}