diff --git a/apps/index.html b/apps/index.html
index 7d03821..c91ed11 100644
--- a/apps/index.html
+++ b/apps/index.html
@@ -1 +1 @@
-<!DOCTYPE html><html lang=""><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,initial-scale=1"><link rel="icon" href="favicon.ico"><title>fdroid-pwa-client</title><link href="css/chunk-vendors.5d3035bc.css" rel="preload" as="style"><link href="js/app.bbffa73a.js" rel="preload" as="script"><link href="js/chunk-vendors.c1d72ef5.js" rel="preload" as="script"><link href="css/chunk-vendors.5d3035bc.css" rel="stylesheet"></head><body><noscript><strong>We're sorry but fdroid-pwa-client doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id="app"></div><script src="js/chunk-vendors.c1d72ef5.js"></script><script src="js/app.bbffa73a.js"></script></body></html>
\ No newline at end of file
+<!DOCTYPE html><html lang=""><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,initial-scale=1"><link rel="icon" href="favicon.ico"><title>fdroid-pwa-client</title><link href="css/chunk-vendors.5d3035bc.css" rel="preload" as="style"><link href="js/app.171fc637.js" rel="preload" as="script"><link href="js/chunk-vendors.c1d72ef5.js" rel="preload" as="script"><link href="css/chunk-vendors.5d3035bc.css" rel="stylesheet"></head><body><noscript><strong>We're sorry but fdroid-pwa-client doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id="app"></div><script src="js/chunk-vendors.c1d72ef5.js"></script><script src="js/app.171fc637.js"></script></body></html>
\ No newline at end of file
diff --git a/apps/js/app.171fc637.js b/apps/js/app.171fc637.js
new file mode 100644
index 0000000..a733c21
--- /dev/null
+++ b/apps/js/app.171fc637.js
@@ -0,0 +1,2 @@
+(function(e){function t(t){for(var r,a,u=t[0],i=t[1],l=t[2],s=0,b=[];s<u.length;s++)a=u[s],Object.prototype.hasOwnProperty.call(c,a)&&c[a]&&b.push(c[a][0]),c[a]=0;for(r in i)Object.prototype.hasOwnProperty.call(i,r)&&(e[r]=i[r]);d&&d(t);while(b.length)b.shift()();return o.push.apply(o,l||[]),n()}function n(){for(var e,t=0;t<o.length;t++){for(var n=o[t],r=!0,u=1;u<n.length;u++){var i=n[u];0!==c[i]&&(r=!1)}r&&(o.splice(t--,1),e=a(a.s=n[0]))}return e}var r={},c={app:0},o=[];function a(t){if(r[t])return r[t].exports;var n=r[t]={i:t,l:!1,exports:{}};return e[t].call(n.exports,n,n.exports,a),n.l=!0,n.exports}a.m=e,a.c=r,a.d=function(e,t,n){a.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:n})},a.r=function(e){"undefined"!==typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},a.t=function(e,t){if(1&t&&(e=a(e)),8&t)return e;if(4&t&&"object"===typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(a.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var r in e)a.d(n,r,function(t){return e[t]}.bind(null,r));return n},a.n=function(e){var t=e&&e.__esModule?function(){return e["default"]}:function(){return e};return a.d(t,"a",t),t},a.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},a.p="";var u=window["webpackJsonp"]=window["webpackJsonp"]||[],i=u.push.bind(u);u.push=t,u=u.slice();for(var l=0;l<u.length;l++)t(u[l]);var d=i;o.push([0,"chunk-vendors"]),n()})({0:function(e,t,n){e.exports=n("56d7")},1:function(e,t){},2:function(e,t){},"56d7":function(e,t,n){"use strict";n.r(t);n("e260"),n("e6cf"),n("cca6"),n("a79d");var r=n("7a23"),c=(n("b0c0"),{class:"container p-5"}),o={class:"table table-bordered table-hover"},a=Object(r["d"])("thead",null,[Object(r["d"])("tr",null,[Object(r["d"])("th",null,"Name"),Object(r["d"])("th",null,"Description"),Object(r["d"])("th",null,"Link")])],-1),u=Object(r["d"])("td",null,[Object(r["d"])("a",{href:"{{item.src}}"},"Source")],-1);function i(e,t,n,i,l,d){return Object(r["e"])(),Object(r["c"])("div",c,[Object(r["d"])("table",o,[a,Object(r["d"])("tbody",null,[(Object(r["e"])(!0),Object(r["c"])(r["a"],null,Object(r["f"])(e.xmlItems,(function(e){return Object(r["e"])(),Object(r["c"])("tr",{key:e.id},[Object(r["d"])("td",null,Object(r["g"])(e.name),1),Object(r["d"])("td",null,Object(r["g"])(e.desc),1),u])})),128))])])])}n("d3b7"),n("ab8b");var l=n("bc3a"),d=n.n(l),s=n("083c"),b=n.n(s),f={mounted:function(){var e=this;d.a.get("assets/index.xml").then((function(t){e.parseXML(t.data).then((function(t){e.xmlItems=t}))}))},methods:{parseXML:function(e){return new Promise((function(t){var n="",r=[],c=new b.a.Parser({trim:!0,explicitArray:!0});c.parseString(e,(function(e,c){var o=c.fdroid;for(n in o.application){var a=o.application[n];r.push({id:a.id[0],name:a.name[0],desc:a.desc[0],src:a.source[0]})}t(r)}))}))}},data:function(){return{xmlItems:[]}}},p=n("6b0d"),O=n.n(p);const j=O()(f,[["render",i]]);var h=j;Object(r["b"])(h).mount("#app")}});
+//# sourceMappingURL=app.171fc637.js.map
\ No newline at end of file
diff --git a/apps/js/app.171fc637.js.map b/apps/js/app.171fc637.js.map
new file mode 100644
index 0000000..13de771
--- /dev/null
+++ b/apps/js/app.171fc637.js.map
@@ -0,0 +1 @@
+{"version":3,"sources":["webpack:///webpack/bootstrap","webpack:///./src/App.vue","webpack:///./src/App.vue?8ecf","webpack:///./src/main.js"],"names":["webpackJsonpCallback","data","moduleId","chunkId","chunkIds","moreModules","executeModules","i","resolves","length","Object","prototype","hasOwnProperty","call","installedChunks","push","modules","parentJsonpFunction","shift","deferredModules","apply","checkDeferredModules","result","deferredModule","fulfilled","j","depId","splice","__webpack_require__","s","installedModules","exports","module","l","m","c","d","name","getter","o","defineProperty","enumerable","get","r","Symbol","toStringTag","value","t","mode","__esModule","ns","create","key","bind","n","object","property","p","jsonpArray","window","oldJsonpFunction","slice","class","href","xmlItems","item","id","desc","mounted","a","then","response","parseXML","methods","Promise","resolve","k","arr","parser","Parser","trim","explicitArray","parseString","err","obj","fdroid","application","src","source","__exports__","render","createApp","App","mount"],"mappings":"aACE,SAASA,EAAqBC,GAQ7B,IAPA,IAMIC,EAAUC,EANVC,EAAWH,EAAK,GAChBI,EAAcJ,EAAK,GACnBK,EAAiBL,EAAK,GAIHM,EAAI,EAAGC,EAAW,GACpCD,EAAIH,EAASK,OAAQF,IACzBJ,EAAUC,EAASG,GAChBG,OAAOC,UAAUC,eAAeC,KAAKC,EAAiBX,IAAYW,EAAgBX,IACpFK,EAASO,KAAKD,EAAgBX,GAAS,IAExCW,EAAgBX,GAAW,EAE5B,IAAID,KAAYG,EACZK,OAAOC,UAAUC,eAAeC,KAAKR,EAAaH,KACpDc,EAAQd,GAAYG,EAAYH,IAG/Be,GAAqBA,EAAoBhB,GAE5C,MAAMO,EAASC,OACdD,EAASU,OAATV,GAOD,OAHAW,EAAgBJ,KAAKK,MAAMD,EAAiBb,GAAkB,IAGvDe,IAER,SAASA,IAER,IADA,IAAIC,EACIf,EAAI,EAAGA,EAAIY,EAAgBV,OAAQF,IAAK,CAG/C,IAFA,IAAIgB,EAAiBJ,EAAgBZ,GACjCiB,GAAY,EACRC,EAAI,EAAGA,EAAIF,EAAed,OAAQgB,IAAK,CAC9C,IAAIC,EAAQH,EAAeE,GACG,IAA3BX,EAAgBY,KAAcF,GAAY,GAE3CA,IACFL,EAAgBQ,OAAOpB,IAAK,GAC5Be,EAASM,EAAoBA,EAAoBC,EAAIN,EAAe,KAItE,OAAOD,EAIR,IAAIQ,EAAmB,GAKnBhB,EAAkB,CACrB,IAAO,GAGJK,EAAkB,GAGtB,SAASS,EAAoB1B,GAG5B,GAAG4B,EAAiB5B,GACnB,OAAO4B,EAAiB5B,GAAU6B,QAGnC,IAAIC,EAASF,EAAiB5B,GAAY,CACzCK,EAAGL,EACH+B,GAAG,EACHF,QAAS,IAUV,OANAf,EAAQd,GAAUW,KAAKmB,EAAOD,QAASC,EAAQA,EAAOD,QAASH,GAG/DI,EAAOC,GAAI,EAGJD,EAAOD,QAKfH,EAAoBM,EAAIlB,EAGxBY,EAAoBO,EAAIL,EAGxBF,EAAoBQ,EAAI,SAASL,EAASM,EAAMC,GAC3CV,EAAoBW,EAAER,EAASM,IAClC3B,OAAO8B,eAAeT,EAASM,EAAM,CAAEI,YAAY,EAAMC,IAAKJ,KAKhEV,EAAoBe,EAAI,SAASZ,GACX,qBAAXa,QAA0BA,OAAOC,aAC1CnC,OAAO8B,eAAeT,EAASa,OAAOC,YAAa,CAAEC,MAAO,WAE7DpC,OAAO8B,eAAeT,EAAS,aAAc,CAAEe,OAAO,KAQvDlB,EAAoBmB,EAAI,SAASD,EAAOE,GAEvC,GADU,EAAPA,IAAUF,EAAQlB,EAAoBkB,IAC/B,EAAPE,EAAU,OAAOF,EACpB,GAAW,EAAPE,GAA8B,kBAAVF,GAAsBA,GAASA,EAAMG,WAAY,OAAOH,EAChF,IAAII,EAAKxC,OAAOyC,OAAO,MAGvB,GAFAvB,EAAoBe,EAAEO,GACtBxC,OAAO8B,eAAeU,EAAI,UAAW,CAAET,YAAY,EAAMK,MAAOA,IACtD,EAAPE,GAA4B,iBAATF,EAAmB,IAAI,IAAIM,KAAON,EAAOlB,EAAoBQ,EAAEc,EAAIE,EAAK,SAASA,GAAO,OAAON,EAAMM,IAAQC,KAAK,KAAMD,IAC9I,OAAOF,GAIRtB,EAAoB0B,EAAI,SAAStB,GAChC,IAAIM,EAASN,GAAUA,EAAOiB,WAC7B,WAAwB,OAAOjB,EAAO,YACtC,WAA8B,OAAOA,GAEtC,OADAJ,EAAoBQ,EAAEE,EAAQ,IAAKA,GAC5BA,GAIRV,EAAoBW,EAAI,SAASgB,EAAQC,GAAY,OAAO9C,OAAOC,UAAUC,eAAeC,KAAK0C,EAAQC,IAGzG5B,EAAoB6B,EAAI,GAExB,IAAIC,EAAaC,OAAO,gBAAkBA,OAAO,iBAAmB,GAChEC,EAAmBF,EAAW3C,KAAKsC,KAAKK,GAC5CA,EAAW3C,KAAOf,EAClB0D,EAAaA,EAAWG,QACxB,IAAI,IAAItD,EAAI,EAAGA,EAAImD,EAAWjD,OAAQF,IAAKP,EAAqB0D,EAAWnD,IAC3E,IAAIU,EAAsB2C,EAI1BzC,EAAgBJ,KAAK,CAAC,EAAE,kBAEjBM,K,8LCtJEyC,MAAM,kB,GAEFA,MAAM,oC,EACX,eAMQ,cALR,eAIK,WAHH,eAAa,UAAT,QACJ,eAAoB,UAAhB,eACJ,eAAa,UAAT,Y,KAOJ,eAA0C,WAAtC,eAAiC,KAA9BC,KAAK,gBAAe,Y,mDAdjC,eAkBQ,MAlBR,EAkBQ,CAhBN,eAeQ,QAfR,EAeQ,CAdN,EAOA,eAMM,e,mBALN,eAIK,2BAJc,EAAAC,UAAQ,SAAhBC,G,wBAAX,eAIK,MAJyBb,IAAKa,EAAKC,I,CACtC,eAAsB,yBAAhBD,EAAK5B,MAAI,GACf,eAAsB,yBAAhB4B,EAAKE,MAAI,GACf,O,8EAWO,GAEXC,QAFW,WAEF,WAEP,EAAAC,EAAM3B,IAAI,oBACP4B,MAAK,SAAAC,GACJ,EAAKC,SAASD,EAAStE,MAClBqE,MAAK,SAACrE,GACL,EAAK+D,SAAW/D,SAK5BwE,QAAS,CAEPD,SAFO,SAEEvE,GACE,OAAQ,IAAIyE,SAAQ,SAAAC,GACf,IAAIC,EAAE,GACDC,EAAM,GACXC,EAAS,IAAI,IAAOC,OAClB,CACEC,MAAM,EACNC,eAAe,IAErBH,EAAOI,YAAYjF,GAAM,SAAUkF,EAAK7D,GACpC,IAAI8D,EAAM9D,EAAO+D,OACnB,IAAKT,KAAKQ,EAAIE,YAAa,CACzB,IAAIrB,EAAOmB,EAAIE,YAAYV,GAC3BC,EAAI9D,KAAK,CACPmD,GAAID,EAAKC,GAAG,GACZ7B,KAAM4B,EAAK5B,KAAK,GAChB8B,KAAMF,EAAKE,KAAK,GAChBoB,IAAKtB,EAAKuB,OAAO,KAGrBb,EAAQE,WAKxB5E,KAAM,WACV,MAAO,CACL+D,SAAS,M,qBC/DjB,MAAMyB,EAA2B,IAAgB,EAAQ,CAAC,CAAC,SAASC,KAErD,QCJfC,eAAUC,GAAKC,MAAM","file":"js/app.171fc637.js","sourcesContent":[" \t// install a JSONP callback for chunk loading\n \tfunction webpackJsonpCallback(data) {\n \t\tvar chunkIds = data[0];\n \t\tvar moreModules = data[1];\n \t\tvar executeModules = data[2];\n\n \t\t// add \"moreModules\" to the modules object,\n \t\t// then flag all \"chunkIds\" as loaded and fire callback\n \t\tvar moduleId, chunkId, i = 0, resolves = [];\n \t\tfor(;i < chunkIds.length; i++) {\n \t\t\tchunkId = chunkIds[i];\n \t\t\tif(Object.prototype.hasOwnProperty.call(installedChunks, chunkId) && installedChunks[chunkId]) {\n \t\t\t\tresolves.push(installedChunks[chunkId][0]);\n \t\t\t}\n \t\t\tinstalledChunks[chunkId] = 0;\n \t\t}\n \t\tfor(moduleId in moreModules) {\n \t\t\tif(Object.prototype.hasOwnProperty.call(moreModules, moduleId)) {\n \t\t\t\tmodules[moduleId] = moreModules[moduleId];\n \t\t\t}\n \t\t}\n \t\tif(parentJsonpFunction) parentJsonpFunction(data);\n\n \t\twhile(resolves.length) {\n \t\t\tresolves.shift()();\n \t\t}\n\n \t\t// add entry modules from loaded chunk to deferred list\n \t\tdeferredModules.push.apply(deferredModules, executeModules || []);\n\n \t\t// run deferred modules when all chunks ready\n \t\treturn checkDeferredModules();\n \t};\n \tfunction checkDeferredModules() {\n \t\tvar result;\n \t\tfor(var i = 0; i < deferredModules.length; i++) {\n \t\t\tvar deferredModule = deferredModules[i];\n \t\t\tvar fulfilled = true;\n \t\t\tfor(var j = 1; j < deferredModule.length; j++) {\n \t\t\t\tvar depId = deferredModule[j];\n \t\t\t\tif(installedChunks[depId] !== 0) fulfilled = false;\n \t\t\t}\n \t\t\tif(fulfilled) {\n \t\t\t\tdeferredModules.splice(i--, 1);\n \t\t\t\tresult = __webpack_require__(__webpack_require__.s = deferredModule[0]);\n \t\t\t}\n \t\t}\n\n \t\treturn result;\n \t}\n\n \t// The module cache\n \tvar installedModules = {};\n\n \t// object to store loaded and loading chunks\n \t// undefined = chunk not loaded, null = chunk preloaded/prefetched\n \t// Promise = chunk loading, 0 = chunk loaded\n \tvar installedChunks = {\n \t\t\"app\": 0\n \t};\n\n \tvar deferredModules = [];\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId]) {\n \t\t\treturn installedModules[moduleId].exports;\n \t\t}\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, { enumerable: true, get: getter });\n \t\t}\n \t};\n\n \t// define __esModule on exports\n \t__webpack_require__.r = function(exports) {\n \t\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n \t\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n \t\t}\n \t\tObject.defineProperty(exports, '__esModule', { value: true });\n \t};\n\n \t// create a fake namespace object\n \t// mode & 1: value is a module id, require it\n \t// mode & 2: merge all properties of value into the ns\n \t// mode & 4: return value when already ns object\n \t// mode & 8|1: behave like require\n \t__webpack_require__.t = function(value, mode) {\n \t\tif(mode & 1) value = __webpack_require__(value);\n \t\tif(mode & 8) return value;\n \t\tif((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;\n \t\tvar ns = Object.create(null);\n \t\t__webpack_require__.r(ns);\n \t\tObject.defineProperty(ns, 'default', { enumerable: true, value: value });\n \t\tif(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));\n \t\treturn ns;\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"\";\n\n \tvar jsonpArray = window[\"webpackJsonp\"] = window[\"webpackJsonp\"] || [];\n \tvar oldJsonpFunction = jsonpArray.push.bind(jsonpArray);\n \tjsonpArray.push = webpackJsonpCallback;\n \tjsonpArray = jsonpArray.slice();\n \tfor(var i = 0; i < jsonpArray.length; i++) webpackJsonpCallback(jsonpArray[i]);\n \tvar parentJsonpFunction = oldJsonpFunction;\n\n\n \t// add entry module to deferred list\n \tdeferredModules.push([0,\"chunk-vendors\"]);\n \t// run deferred modules when ready\n \treturn checkDeferredModules();\n","    <template>\n      <div class=\"container p-5\">\n      \n        <table class=\"table table-bordered table-hover\">    \n          <thead>\n          <tr>    \n            <th>Name</th>    \n            <th>Description</th>    \n            <th>Link</th>\n          </tr>    \n          </thead>\n          <tbody>\n          <tr v-for=\"item in xmlItems\" :key=\"item.id\">    \n            <td>{{item.name}}</td>    \n            <td>{{item.desc}}</td>    \n            <td><a href=\"{{item.src}}\">Source</a></td>\n          </tr>    \n        </tbody>\n        </table>  \n        </div>\n    </template>\n    <script>\n    //importing bootstrap 5 Modules\n    import \"bootstrap/dist/css/bootstrap.min.css\";\n    import axios from 'axios';\n    import xml2js from 'xml2js';\n    export default {\n      \n        mounted(){ \n         //xml file calling\n          axios.get('assets/index.xml')\n            .then(response => {\n              this.parseXML(response.data)  \n                  .then((data) => {  \n                    this.xmlItems = data;  \n                  });       \n            })\n          \n        },\n        methods: {\n          //xml file data parsing\n          parseXML(data) {  \n                     return  new Promise(resolve => {  \n                          var k=\"\"; \n                           var arr = [],  \n                          parser = new xml2js.Parser(  \n                            {  \n                              trim: true,  \n                              explicitArray: true  \n                            });  \n                        parser.parseString(data, function (err, result) {  \n                            var obj = result.fdroid\n                          for (k in obj.application) {  \n                            var item = obj.application[k];  \n                            arr.push({  \n                              id: item.id[0],  \n                              name: item.name[0],  \n                              desc: item.desc[0],  \n                              src: item.source[0],\n                            });  \n                          }  \n                          resolve(arr);  \n                        });  \n                      });  \n                  }\n        },\n          data: function() {\n      return {\n        xmlItems:[]\n      }\n    }  \n    }\n    </script>\n","import { render } from \"./App.vue?vue&type=template&id=ca3cd8d0\"\nimport script from \"./App.vue?vue&type=script&lang=js\"\nexport * from \"./App.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"/home/n8fr8/dev/repos/fdroid-pwa-client/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","import { createApp } from 'vue'\nimport App from './App.vue'\n\ncreateApp(App).mount('#app')\n"],"sourceRoot":""}
\ No newline at end of file
