add vue router

Author: Beelink

.DS_Store

@@ -0,0 +1,23 @@
+.DS_Store
+node_modules
+/dist
+
+
+# local env files
+.env.local
+.env.*.local
+
+# Log files
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+
+# Editor directories and files
+.idea
+.vscode
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?

.gitignore

@@ -20,4 +20,4 @@ pnpm-debug.log*
 *.ntvs*
 *.njsproj
 *.sln
-*.sw?
+*.sw?

_v2/moduleart-website/.gitignore

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

_v2/moduleart-website/babel.config.js

@@ -9,7 +9,8 @@
   },
   "dependencies": {
     "core-js": "^3.6.5",
-    "vue": "^3.0.0"
+    "vue": "^3.0.0",
+    "vue-router": "^4.0.10"
   },
   "devDependencies": {
     "@vue/cli-plugin-babel": "~4.5.0",
@@ -18,7 +19,9 @@
     "@vue/compiler-sfc": "^3.0.0",
     "babel-eslint": "^10.1.0",
     "eslint": "^6.7.2",
-    "eslint-plugin-vue": "^7.0.0"
+    "eslint-plugin-vue": "^7.0.0",
+    "node-sass": "^6.0.1",
+    "sass-loader": "^10.1.1"
   },
   "eslintConfig": {
     "root": true,

_v2/moduleart-website/package.json

@@ -0,0 +1,33 @@
+@font-face {
+  font-family: "Pacifico";
+  src: url('../../assets/fonts/Pacifico.ttf');
+}
+
+body {
+  font: 18px -apple-system, system-ui, BlinkMacSystemFont, Helvetica, Arial, sans-serif;
+  line-height: 150%;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  -webkit-text-size-adjust: none;
+  text-align: center;
+  color: #111;
+  margin: 0;
+}
+
+main {
+  max-width: 560px;
+  width: 100%;
+  margin: 0 auto;
+  padding: 0 20px;
+}
+
+a {
+  color: #38F;
+  text-decoration: none;
+  position: relative;
+  font-weight: 500;
+
+  &:hover {
+    border-bottom: 2px solid #38f;
+  }
+}

_v2/moduleart-website/src/App.vue

@@ -0,0 +1,25 @@
+<template>
+  <main>
+    <global-header />
+    <router-view />
+    <global-footer />
+    <apps />
+  </main>
+</template>
+
+<script>
+import GlobalHeader from "../GlobalHeader/GlobalHeader.vue";
+import GlobalFooter from "../GlobalFooter/GlobalFooter.vue";
+
+export default {
+  name: "App",
+  components: {
+    GlobalHeader,
+    GlobalFooter,
+  },
+};
+</script>
+
+<style lang="scss">
+@import "./App.scss";
+</style>