vue3 base

2026-06-14 08:32:27 +03:00 · 2020-11-11 16:46:44 +08:00
commit 1325d41225
129 changed files with 25599 additions and 0 deletions
@@ -0,0 +1,45 @@
+module.exports = {
+  root: true,
+  parserOptions: {
+    parser: 'babel-eslint',
+  },
+  env: {
+    browser: true,
+    jest: true,
+    es6: true,
+  },
+  settings: {
+    'import/resolver': {
+      node: {
+        extensions: ['.js', '.jsx', '.vue'],
+      },
+    },
+    'import/extensions': ['.js', '.jsx', '.vue'],
+  },
+  extends: ['airbnb-base', 'plugin:vue/recommended', 'prettier', 'prettier/vue'],
+
+  plugins: ['vue'],
+
+  rules: {
+    // allow debugger during development
+    'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off',
+    'no-console': ['error', { allow: ['warn', 'error'] }],
+    'no-plusplus': 'off',
+    'no-underscore-dangle': 'off',
+    'no-param-reassign': 'off',
+    'no-restricted-globals': 'off',
+    'import/prefer-default-export': 'off',
+    'import/no-unresolved': [2, { ignore: ['vue2-datepicker'] }],
+    'import/no-extraneous-dependencies': 'off',
+    'import/extensions': [
+      'error',
+      'always',
+      {
+        js: 'never',
+      },
+    ],
+    'vue/require-default-prop': 'off',
+    'vue/require-prop-types': 'off',
+    'vue/no-v-html': 'off',
+  },
+};
@@ -0,0 +1,4 @@
+node_modules
+.DS_Store
+dist
+*.local
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Vite App</title>
+</head>
+<body>
+  <div id="app"></div>
+  <script type="module" src="/src/main.js"></script>
+</body>
+</html>
@@ -0,0 +1,15 @@
+{
+  "name": "example",
+  "version": "0.0.0",
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build"
+  },
+  "dependencies": {
+    "vue": "^3.0.2"
+  },
+  "devDependencies": {
+    "vite": "^1.0.0-rc.8",
+    "@vue/compiler-sfc": "^3.0.2"
+  }
+}
@@ -0,0 +1,22 @@
+<template>
+  <div>
+    <DatePicker v-model="value" />
+  </div>
+</template>
+
+<script>
+import DatePicker from 'vue2-datepicker';
+import 'vue2-datepicker/index.css';
+
+export default {
+  name: 'App',
+  components: {
+    DatePicker,
+  },
+  data() {
+    return {
+      value: null,
+    };
+  },
+};
+</script>
@@ -0,0 +1,8 @@
+#app {
+  font-family: Avenir, Helvetica, Arial, sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  text-align: center;
+  color: #2c3e50;
+  margin-top: 60px;
+}
@@ -0,0 +1,5 @@
+import { createApp } from 'vue';
+import App from './App.vue';
+import './index.css';
+
+createApp(App).mount('#app');