feat: init

Author: CyanSalt

.eslintrc.js

@@ -0,0 +1,5 @@
+module.exports = {
+  extends: [
+    '@cyansalt/preset',
+  ],
+}

.gitignore

@@ -0,0 +1,17 @@
+.DS_Store
+node_modules
+
+# Log files
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# Editor directories and files
+.idea
+.vscode
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw*
+*.cpuprofile

.npmrc

@@ -0,0 +1,3 @@
+registry=https://registry.npmjs.org
+legacy-peer-deps=true
+message=chore: release v%s

.release-it.json

@@ -0,0 +1,16 @@
+{
+  "git": {
+    "commitMessage": "chore: release v${version}",
+    "tagName": "v${version}"
+  },
+  "github": {
+    "release": true,
+    "releaseName": "v${version}"
+  },
+  "plugins": {
+    "@release-it/conventional-changelog": {
+      "preset": "conventionalcommits",
+      "infile": "CHANGELOG.md"
+    }
+  }
+}

LICENSE

@@ -0,0 +1,15 @@
+ISC License
+
+Copyright (c) 2020-present CyanSalt
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted, provided that the above
+copyright notice and this permission notice appear in all copies.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES
+WITH REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF
+MERCHANTABILITY AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR
+ANY SPECIAL, DIRECT, INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES
+WHATSOEVER RESULTING FROM LOSS OF USE, DATA OR PROFITS, WHETHER IN AN
+ACTION OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT OF
+OR IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE.

README.md

@@ -0,0 +1,52 @@
+# vue2-script-setup-loader
+
+Bring [`<script setup>`](https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup) to Vue 2.
+
+It's really just another wrapper for [`unplugin-vue2-script-setup`](https://github.com/antfu/unplugin-vue2-script-setup).
+
+### Why not just use `unplugin-vue2-script-setup` ?
+
+Because Unplugin uses non-serializable loader options when adding functionality to Webpack, which will cause the worker of `thread-loader` to not work properly (e.g. with the default configuration of the Vue CLI).
+
+Fortunately, it can be avoided by using a loader that is handled completely independently, and it is especially easy since `unplugin-vue2-script-setup` only uses the `transform` API. The only caveat is that you may need to manage the files you wish to transform manually, including `.vue` or `.js/ts` files.
+
+## Installation
+
+```shell
+npm install -D vue2-script-setup-loader
+npm i @vue/composition-api
+```
+
+Install [`@vue/composition-api`](https://github.com/vuejs/composition-api) in your App's entry (it enables the `setup()` hook):
+
+```javascript
+import Vue from 'vue'
+import VueCompositionAPI from '@vue/composition-api'
+
+Vue.use(VueCompositionAPI)
+```
+
+## Usage
+
+```javascript
+// webpack.config.js
+module.exports = {
+  // ...
+  module: {
+    rules: [
+      {
+        test: /\.vue$/i,
+        use: [
+          {
+            loader: 'vue-loader',
+          },
+          // Add it here
+          {
+            loader: 'vue2-script-setup-loader',
+          },
+        ],
+      },
+    ],
+  },
+}
+```

index.js

@@ -0,0 +1,15 @@
+const loaderUtils = require('loader-utils')
+const { transform } = require('unplugin-vue2-script-setup')
+
+module.exports = function loader(content, map, meta) {
+  const callback = this.async()
+  transform(content, this.resourcePath, loaderUtils.getOptions(this)).then(result => {
+    if (result) {
+      callback(null, result.code, result.map, meta)
+    } else {
+      callback(null, content, map, meta)
+    }
+  }, err => {
+    callback(err)
+  })
+}