test: tailwindcss

Author: Akryum

packages/test-e2e-composable-vue3/babel.config.js

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

packages/test-e2e-composable-vue3/package.json

@@ -37,6 +37,7 @@
     "eslint-plugin-promise": "^4.2.1",
     "eslint-plugin-standard": "^4.0.0",
     "eslint-plugin-vue": "^7.0.0-0",
+    "tailwindcss": "^1.0.1",
     "typescript": "^4.0.3"
   }
 }

packages/test-e2e-composable-vue3/postcss.config.js

@@ -0,0 +1,6 @@
+module.exports = {
+  plugins: [
+    require('tailwindcss')(),
+    require('autoprefixer')(),
+  ],
+}

packages/test-e2e-composable-vue3/server.js

@@ -89,21 +89,21 @@ const resolvers = {
       })
       pubsub.publish('messageUpdated', { messageUpdated: message })
       return message
-    }
+    },
   },
 
   Subscription: {
     messageAdded: {
       subscribe: withFilter(
         () => pubsub.asyncIterator('messageAdded'),
-        (payload, variables) => payload.messageAdded.channel.id === variables.channelId, 
+        (payload, variables) => payload.messageAdded.channel.id === variables.channelId,
       ),
     },
 
     messageUpdated: {
       subscribe: withFilter(
         () => pubsub.asyncIterator('messageUpdated'),
-        (payload, variables) => payload.messageUpdated.channel.id === variables.channelId, 
+        (payload, variables) => payload.messageUpdated.channel.id === variables.channelId,
       ),
     },
   },
@@ -117,5 +117,5 @@ const server = new ApolloServer({
 server.listen({
   port: 4042,
 }).then(({ url }) => {
-  console.log(`🚀  Server ready at ${url}`);
+  console.log(`🚀  Server ready at ${url}`)
 })

packages/test-e2e-composable-vue3/src/assets/styles/tailwind.postcss

@@ -0,0 +1,5 @@
+@tailwind base;
+
+@tailwind components;
+
+@tailwind utilities;

packages/test-e2e-composable-vue3/src/main.ts

@@ -2,6 +2,7 @@ import { createApp, h, provide } from 'vue'
 import { DefaultApolloClient } from '../../vue-apollo-composable/dist'
 import { apolloClient } from './apollo'
 import App from './App.vue'
+import '@/assets/styles/tailwind.postcss'
 
 createApp({
   setup () {

packages/test-e2e-composable-vue3/tailwind.config.js

@@ -0,0 +1,2 @@
+module.exports = {
+}

packages/test-e2e-composable-vue3/tests/e2e/plugins/index.js

@@ -20,6 +20,6 @@ module.exports = (on, config) => {
     integrationFolder: 'tests/e2e/specs',
     screenshotsFolder: 'tests/e2e/screenshots',
     videosFolder: 'tests/e2e/videos',
-    supportFile: 'tests/e2e/support/index.js'
+    supportFile: 'tests/e2e/support/index.js',
   })
 }

postcss.config.js

@@ -0,0 +1 @@
+module.exports = {}