[{"data":1,"prerenderedAt":169},["ShallowReactive",2],{"mdc--lizc3-key":3,"mdc--3oic4y-key":16,"mdc-orl0j2-key":25,"mdc--fvv7dw-key":34,"mdc--j0gvis-key":43,"mdc-gw20st-key":52},{"data":4,"body":5},{},{"type":6,"children":7},"root",[8],{"type":9,"tag":10,"props":11,"children":12},"element","p",{},[13],{"type":14,"value":15},"text","GitHub, klich3",{"data":17,"body":18},{},{"type":6,"children":19},[20],{"type":9,"tag":10,"props":21,"children":22},{},[23],{"type":14,"value":24},"2022-2023 (October to January)",{"data":26,"body":27},{},{"type":6,"children":28},[29],{"type":9,"tag":10,"props":30,"children":31},{},[32],{"type":14,"value":33},"freelance, open source",{"data":35,"body":36},{},{"type":6,"children":37},[38],{"type":9,"tag":10,"props":39,"children":40},{},[41],{"type":14,"value":42},"Vite and Vue, among others",{"data":44,"body":45},{},{"type":6,"children":46},[47],{"type":9,"tag":10,"props":48,"children":49},{},[50],{"type":14,"value":51},"Vite, Webpack and Rollup",{"data":53,"body":54},{},{"type":6,"children":55},[56,70,78,85,105,111,116],{"type":9,"tag":10,"props":57,"children":58},{},[59,61,68],{"type":14,"value":60},"Credits-log is a module for Vite, Webpack and Rollup that reads authorship data from ",{"type":9,"tag":62,"props":63,"children":65},"code",{"className":64},[],[66],{"type":14,"value":67},"package.json",{"type":14,"value":69}," and displays the project credits. I wrote it so the people behind a website don't end up forgotten in a drawer.",{"type":9,"tag":71,"props":72,"children":77},"media",{"alt":73,"effect":74,"fit":75,"src":76},"Credits-log credit message in the browser console","reveal","contain","\u002Fportfolio\u002Fcredits-log\u002Fconsola.png",[],{"type":9,"tag":79,"props":80,"children":82},"h2",{"id":81},"what-it-is",[83],{"type":14,"value":84},"What it is",{"type":9,"tag":10,"props":86,"children":87},{},[88,90,95,97,103],{"type":14,"value":89},"The module reads ",{"type":9,"tag":62,"props":91,"children":93},{"className":92},[],[94],{"type":14,"value":67},{"type":14,"value":96}," at build time and adds a small function with a ",{"type":9,"tag":62,"props":98,"children":100},{"className":99},[],[101],{"type":14,"value":102},"console.log",{"type":14,"value":104}," that prints the credits in the frontend. It collects the project name and version, the authors and contributors, and the licence.",{"type":9,"tag":79,"props":106,"children":108},{"id":107},"how-it-works",[109],{"type":14,"value":110},"How it works",{"type":9,"tag":10,"props":112,"children":113},{},[114],{"type":14,"value":115},"The message can span several lines and include an ASCII logo. A CLI lets you add, remove or edit the data being displayed, so the module can be adapted to each project's structure without editing the configuration by hand.",{"type":9,"tag":117,"props":118,"children":121},"grid",{"cols":119,"gap":120},2,"md",[122,128,134,139,145,158,164],{"type":9,"tag":71,"props":123,"children":127},{"alt":124,"effect":125,"fit":75,"src":126},"Floating credits window, opened with the F1 key","bend","\u002Fportfolio\u002Fcredits-log\u002Fmodal.png",[],{"type":9,"tag":71,"props":129,"children":133},{"alt":130,"effect":131,"fit":75,"src":132},"Credits-log logo","none","\u002Fportfolio\u002Fcredits-log\u002Flogo.svg",[],{"type":9,"tag":10,"props":135,"children":136},{},[137],{"type":14,"value":138},"::",{"type":9,"tag":79,"props":140,"children":142},{"id":141},"frontend-extension",[143],{"type":14,"value":144},"Frontend extension",{"type":9,"tag":10,"props":146,"children":147},{},[148,150,156],{"type":14,"value":149},"With the ",{"type":9,"tag":62,"props":151,"children":153},{"className":152},[],[154],{"type":14,"value":155},"frontEnd: true",{"type":14,"value":157}," option, pressing F1 on the website opens a floating window with the project credits, in addition to the console message.",{"type":9,"tag":79,"props":159,"children":161},{"id":160},"my-part",[162],{"type":14,"value":163},"My part",{"type":9,"tag":10,"props":165,"children":166},{},[167],{"type":14,"value":168},"I wrote it on my own as a freelance project between October 2022 and January 2023, and it is published as open source on my GitHub (klich3). I built it with Vite and Vue, among other tools.",1794317809960]