Add explorer functions

.eslintrc.js

@@ -1,16 +1,17 @@
 module.exports = {
     root: true,
     env: {
-        node: true
+        node: true,
     },
     extends: ['plugin:vue/vue3-essential', 'eslint:recommended'],
     parserOptions: {
-        parser: 'babel-eslint'
+        parser: 'babel-eslint',
     },
     rules: {
         'no-console': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
         'no-debugger': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
         'no-unused-vars': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
-        'no-undef': process.env.NODE_ENV === 'production' ? 'warn' : 'off'
-    }
+        'no-undef': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
+        'array-element-newline': ['error', 'consistent'],
+    },
 }

babel.config.js

@@ -1,5 +1,3 @@
 module.exports = {
-  presets: [
-    '@vue/cli-plugin-babel/preset'
-  ]
+    presets: ['@vue/cli-plugin-babel/preset'],
 }

package.json

@@ -1,7 +1,9 @@
 {
-    "name": "vue3-empty",
+    "name": "zippy",
     "version": "0.1.0",
     "private": true,
+    "author": "Roman Ranniew",
+    "description": "Modern archives manager",
     "scripts": {
         "serve": "vue-cli-service serve",
         "build": "vue-cli-service build",
@@ -14,17 +16,26 @@
     },
     "main": "background.js",
     "dependencies": {
-        "7zip-min": "^1.3.2",
+        "7zip-bin": "^5.1.1",
+        "@continuata/unrar": "^1.6.0",
+        "@node_js/unrar": "^1.0.1",
+        "archiver": "^5.3.0",
+        "archiver-zip-encrypted": "^1.0.10",
         "core-js": "^3.6.5",
         "date-fns": "^2.22.1",
         "electron-store": "^8.0.0",
         "materialize-css": "^1.0.0",
+        "node-7z": "^2.1.2",
+        "node-7z-archive": "^1.0.4",
         "pretty-bytes": "^5.6.0",
+        "selecto": "^1.12.1",
+        "unzipper": "^0.10.11",
         "vue": "^3.0.0",
         "vue-router": "^4.0.0-0",
         "vuex": "^4.0.1"
     },
     "devDependencies": {
+        "@babel/plugin-proposal-class-properties": "^7.14.5",
         "@vue/cli-plugin-babel": "~4.5.0",
         "@vue/cli-plugin-eslint": "~4.5.0",
         "@vue/cli-plugin-router": "^4.5.13",

src/App.vue

@@ -1,31 +1,32 @@
-<template>
-    <div id="app" class="app">
-        <router-view></router-view>
-    </div>
-</template>
-
-<script>
-export default {
-    name: 'App',
-}
-</script>
-
-<style lang="scss">
-@import '~materialize-css/dist/css/materialize.css';
-@import url('https://fonts.googleapis.com/icon?family=Material+Icons');
-* {
-    box-sizing: inherit;
-}
-html,
-body {
-    height: 100%;
-    background: white;
-    box-sizing: border-box;
-}
-.app {
-    height: 100%;
-}
-.max-height {
-    height: 100%;
-}
-</style>
+<template>
+    <div id="app" class="app">
+        <router-view></router-view>
+    </div>
+</template>
+
+<script>
+export default {
+    name: 'App',
+}
+</script>
+
+<style lang="scss">
+@import '~materialize-css/dist/css/materialize.css';
+@import url('https://fonts.googleapis.com/icon?family=Material+Icons');
+* {
+    box-sizing: inherit;
+}
+html,
+body {
+    height: 100%;
+    background: white;
+    box-sizing: border-box;
+}
+.app {
+    height: 100%;
+}
+.max-height {
+    height: 100%;
+}
+// test
+</style>

src/components/LandingPage.vue

@@ -1,14 +1,14 @@
-<template>
-    <Browser />
-</template>
-
-<script>
-import Browser from './browser/Browser'
-
-export default {
-    name: 'landing-page',
-    components: { Browser },
-}
-</script>
-
-<style></style>
+<template>
+    <Browser />
+</template>
+
+<script>
+import Browser from './browser/Browser'
+
+export default {
+    name: 'landing-page',
+    components: { Browser },
+}
+</script>
+
+<style></style>