Skip to content

Commit ec8dfe8

Browse files
F-loatF-loat
committed
chore: update build config
1 parent 0a6badd commit ec8dfe8

File tree

14 files changed

+6125
-2389
lines changed

14 files changed

+6125
-2389
lines changed

‎.babelrc

Lines changed: 0 additions & 5 deletions
This file was deleted.

‎.eslintrc.js

Lines changed: 13 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -1,14 +1,17 @@
11
module.exports = {
2-
'extends': 'airbnb-base',
3-
'parser': 'babel-eslint',
4-
'env': {
5-
'browser': true,
2+
root: true,
3+
env: {
4+
node: true,
65
},
7-
'parserOptions': {
8-
'sourceType': 'module',
9-
'allowImportExportEverywhere': true,
10-
},
11-
'plugins': [
12-
'html',
6+
extends: [
7+
'plugin:vue/essential',
8+
'@vue/airbnb',
139
],
10+
rules: {
11+
'no-console': process.env.NODE_ENV === 'production' ? 'error' : 'off',
12+
'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off',
13+
},
14+
parserOptions: {
15+
parser: 'babel-eslint',
16+
},
1417
};

‎LICENSE

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
MIT License
22

3-
Copyright (c) 2018 F-loat
3+
Copyright (c) 2019 F-loat
44

55
Permission is hereby granted, free of charge, to any person obtaining a copy
66
of this software and associated documentation files (the "Software"), to deal

‎README.md

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -20,15 +20,15 @@ npm install vue-simplemde --save
2020

2121
``` vue
2222
<template>
23-
<markdown-editor v-model="content" ref="markdownEditor"></markdown-editor>
23+
<vue-simplemde v-model="content" ref="markdownEditor" />
2424
</template>
2525
2626
<script>
27-
import markdownEditor from 'vue-simplemde/src/markdown-editor'
27+
import VueSimplemde from 'vue-simplemde'
2828
2929
export default {
3030
components: {
31-
markdownEditor
31+
VueSimplemde
3232
}
3333
}
3434
</script>
@@ -45,7 +45,7 @@ import Vue from 'vue'
4545
import VueSimplemde from 'vue-simplemde'
4646
import 'simplemde/dist/simplemde.min.css'
4747

48-
Vue.use(VueSimplemde)
48+
Vue.component('vue-simplemde', VueSimplemde)
4949
```
5050

5151
## Props
@@ -72,7 +72,7 @@ $ npm install --save github-markdown-css
7272
### use
7373
``` vue
7474
<template>
75-
<markdown-editor preview-class="markdown-body"></markdown-editor>
75+
<vue-simplemde preview-class="markdown-body" />
7676
</template>
7777
7878
<style>
@@ -91,7 +91,7 @@ $ npm install --save highlight.js
9191
### use
9292
``` vue
9393
<template>
94-
<markdown-editor :highlight="true"></markdown-editor>
94+
<vue-simplemde :highlight="true" />
9595
</template>
9696
9797
<script>

‎babel.config.js

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
module.exports = {
2+
presets: [
3+
'@vue/app',
4+
],
5+
};

‎examples/index.vue

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -1,26 +1,26 @@
11
<template>
22
<div>
33
<!-- use v-model control value -->
4-
<markdown-editor v-model="content" ref="markdownEditor"></markdown-editor>
4+
<vue-simplemde v-model="content" ref="markdownEditor" />
55

66
<!-- use event control value -->
7-
<markdown-editor :value="content" @input="handleInput"></markdown-editor>
7+
<vue-simplemde :value="content" @input="handleInput" />
88

99
<!-- add config -->
10-
<markdown-editor :configs="configs"></markdown-editor>
10+
<vue-simplemde :configs="configs" />
1111

1212
<!-- disable auto init -->
13-
<markdown-editor :autoinit="false"></markdown-editor>
13+
<vue-simplemde :autoinit="false" />
1414
</div>
1515
</template>
1616

1717
<script>
18-
import markdownEditor from 'vue-simplemde/src/markdown-editor'
18+
import VueSimplemde from 'vue-simplemde/src/vue-simplemde'
1919
2020
// Base example
2121
export default {
2222
components: {
23-
markdownEditor
23+
VueSimplemde
2424
},
2525
data () {
2626
return {
@@ -35,7 +35,7 @@
3535
// Complete example
3636
export default {
3737
components: {
38-
markdownEditor
38+
VueSimplemde
3939
},
4040
data () {
4141
return {

‎examples/nuxt/index.vue

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
<template>
22
<div class="wrap">
33
<no-ssr>
4-
<markdown-editor v-model="content"></markdown-editor>
4+
<vue-simplemde v-model="content" />
55
</no-ssr>
66
</div>
77
</template>

‎hack.js

Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
1+
const fs = require('fs');
2+
3+
const html = fs.readFileSync('dist/demo.html').toString();
4+
5+
const hackedHtml = html.replace('<script src="https://unpkg.com/vue"></script>', `
6+
<link rel="stylesheet" href="https://cdn.jsdelivr.net/simplemde/latest/simplemde.min.css">
7+
<script src="https://unpkg.com/vue"></script>
8+
<script src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"></script>
9+
<script src="https://cdn.jsdelivr.net/simplemde/latest/simplemde.min.js"></script>
10+
`);
11+
12+
fs.writeFileSync('dist/demo.html', hackedHtml);

‎index.js

Lines changed: 0 additions & 17 deletions
This file was deleted.

‎package.json

Lines changed: 12 additions & 20 deletions
Original file line numberDiff line numberDiff line change
@@ -2,12 +2,11 @@
22
"name": "vue-simplemde",
33
"version": "0.5.2",
44
"description": "SimpleMDE - Markdown Editor component for Vue.js",
5-
"main": "dist/vue-simplemde.min.js",
5+
"main": "src/index.vue",
66
"scripts": {
7-
"build": "npm run build:dev && npm run build:prod",
8-
"build:dev": "cross-env NODE_ENV=development webpack --progress --hide-modules",
9-
"build:prod": "cross-env NODE_ENV=production webpack --progress --hide-modules",
10-
"lint": "./node_modules/.bin/eslint --format node_modules/eslint-friendly-formatter ./src/markdown-editor.vue"
7+
"build": "vue-cli-service build --target lib --name VueSimpleMDE src/index.vue",
8+
"postbuild": "node hack.js",
9+
"lint": "vue-cli-service lint"
1110
},
1211
"keywords": [
1312
"Vue",
@@ -32,20 +31,13 @@
3231
"simplemde": "*"
3332
},
3433
"devDependencies": {
35-
"babel-core": "^6.26.3",
36-
"babel-eslint": "^8.0.1",
37-
"babel-loader": "^7.1.2",
38-
"babel-preset-env": "^1.7.0",
39-
"cross-env": "^5.2.0",
40-
"css-loader": "^0.28.7",
41-
"eslint": "^4.6.1",
42-
"eslint-config-airbnb-base": "^12.0.0",
43-
"eslint-friendly-formatter": "^3.0.0",
44-
"eslint-plugin-html": "^3.2.1",
45-
"eslint-plugin-import": "^2.17.2",
46-
"file-loader": "^1.1.5",
47-
"vue-loader": "^13.3.0",
48-
"vue-template-compiler": "^2.6.10",
49-
"webpack": "^3.7.1"
34+
"@vue/cli-plugin-babel": "^3.9.0",
35+
"@vue/cli-plugin-eslint": "^3.9.0",
36+
"@vue/cli-service": "^3.9.0",
37+
"@vue/eslint-config-airbnb": "^4.0.0",
38+
"babel-eslint": "^10.0.1",
39+
"eslint": "^5.16.0",
40+
"eslint-plugin-vue": "^5.0.0",
41+
"vue-template-compiler": "^2.6.10"
5042
}
5143
}

‎src/markdown-editor.vue renamed to ‎src/index.vue

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
<template>
2-
<div class="markdown-editor">
2+
<div class="vue-simplemde">
33
<textarea :name="name"></textarea>
44
</div>
55
</template>
@@ -9,7 +9,7 @@ import SimpleMDE from 'simplemde';
99
import marked from 'marked';
1010
1111
export default {
12-
name: 'markdown-editor',
12+
name: 'vue-simplemde',
1313
props: {
1414
value: String,
1515
name: String,
@@ -105,11 +105,11 @@ export default {
105105
</script>
106106

107107
<style>
108-
.markdown-editor .markdown-body {
108+
.vue-simplemde .markdown-body {
109109
padding: 0.5em
110110
}
111111
112-
.markdown-editor .editor-preview-active, .markdown-editor .editor-preview-active-side {
112+
.vue-simplemde .editor-preview-active, .vue-simplemde .editor-preview-active-side {
113113
display: block;
114114
}
115115
</style>

‎vue.config.js

Lines changed: 16 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,16 @@
1+
module.exports = {
2+
css: {
3+
extract: false,
4+
},
5+
configureWebpack: {
6+
externals: {
7+
simplemde: {
8+
commonjs: 'simplemde',
9+
commonjs2: 'simplemde',
10+
amd: 'simplemde',
11+
root: 'SimpleMDE',
12+
},
13+
marked: 'marked',
14+
},
15+
},
16+
};

‎webpack.config.js

Lines changed: 0 additions & 78 deletions
This file was deleted.

0 commit comments

Comments
 (0)