Add support for vue single file components (#124)

index.js

@@ -15,6 +15,7 @@ const detectiveSass = require('detective-sass');
 const detectiveScss = require('detective-scss');
 const detectiveStylus = require('detective-stylus');
 const detectiveTypeScript = require('detective-typescript');
+const detectiveVue = require('detective-vue2');
 
 const debug = debuglog('precinct');
 // eslint-disable-next-line n/no-deprecated-api
@@ -183,6 +184,10 @@ function getDetective(type, options) {
       return detectiveTypeScript.tsx;
     }
 
+    case 'vue': {
+      return detectiveVue;
+    }
+
     default:
       // nothing
   }

package.json

@@ -52,6 +52,7 @@
     "detective-scss": "^5.0.0",
     "detective-stylus": "^5.0.0",
     "detective-typescript": "^13.0.0",
+    "detective-vue2": "^2.0.0",
     "module-definition": "^6.0.0",
     "node-source-walk": "^7.0.0",
     "postcss": "^8.4.38",

test/fixtures/js.vue

@@ -0,0 +1,9 @@
+<template>
+  <div>Hello</div>
+</template>
+<script>
+  import foo from './typescript';
+</script>
+<style lang="sass">
+  @import 'styles.scss'
+</style>

test/fixtures/ts.vue

@@ -0,0 +1,9 @@
+<template>
+  <div>Hello</div>
+</template>
+<script lang="ts">
+import foo from './typescript';
+</script>
+<style lang="scss">
+@import 'styles.scss';
+</style>

test/test.js

@@ -319,6 +319,24 @@ describe('node-precinct', () => {
     });
   });
 
+  describe('when given vue file', () => {
+    it('typescript - scss grabs script and style dependencies', () => {
+      const vueFile = precinct.paperwork(path.join(__dirname, 'fixtures', 'ts.vue'));
+
+      assert.equal(vueFile[0], './typescript');
+      assert.equal(vueFile[1], 'styles.scss');
+      assert.equal(vueFile.length, 2);
+    });
+
+    it('javascript - sass grabs script and style dependencies', () => {
+      const vueFile = precinct.paperwork(path.join(__dirname, 'fixtures', 'js.vue'));
+
+      assert.equal(vueFile[0], './typescript');
+      assert.equal(vueFile[1], 'styles.scss');
+      assert.equal(vueFile.length, 2);
+    });
+  });
+
   describe('when lazy exported dependencies in CJS', () => {
     it('grabs those lazy dependencies', async() => {
       const fixture = await read('cjsExportLazy.js');