#157 - Fix style exporting (#158)

* #157 - fixed style exporting * #157 - removed purge pattern
karnama · May 19, 2021 · b79a7bb · b79a7bb
1 parent 93b3dff
commit b79a7bb
Show file tree

Hide file tree

Showing 6 changed files with 24 additions and 22 deletions.
diff --git a/index.html b/index.html
@@ -1,13 +1,13 @@
 <!DOCTYPE html>
 <html lang="en">
 <head>
-  <meta charset="UTF-8">
-  <link rel="icon" href="/favicon.ico" />
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>Vite App</title>
+    <meta charset="UTF-8">
+    <link rel="icon" href="/favicon.ico" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Vite App</title>
 </head>
 <body>
-<div id="app" class="h-full relative">
+<div id="app" style="position: relative; height: 100%">
 </div>
 <script type="module" src="/src/demo.ts"></script>
 </body>

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
     "name": "@karnama/vueish",
-    "version": "0.3.0",
+    "version": "0.3.1",
     "files": [
         "dist",
         "types"

diff --git a/src/assets/styles/main.scss b/src/assets/styles/main.scss
@@ -16,4 +16,3 @@
 @tailwind base;
 @tailwind components;
 @tailwind utilities;
-
diff --git a/src/main.ts b/src/main.ts
@@ -5,7 +5,9 @@ import { merge } from 'lodash-es';
 import defaultSettings from './defaultSettings';
 import tooltip from './directives/tooltip';
 import intersect from './directives/intersect';
+import outerHtml from './directives/outer-html';
 import clickAway from './directives/clickAway';
+import './assets/styles/main.scss';
 
 const componentModules = import.meta.globEager('./**/UI*.vue');
 const components: DefineComponent[] = Object.keys(componentModules)
@@ -21,5 +23,6 @@ export default {
         app.directive('tooltip', tooltip);
         app.directive('intersect', intersect);
         app.directive('clickAway', clickAway);
+        app.directive('outer-html', outerHtml);
     }
 } as Plugin;
diff --git a/tailwind.config.js b/tailwind.config.js
@@ -22,7 +22,7 @@ const brandColors = (levels) => {
  * @type {import('@types/tailwindcss').TailwindConfig}
  */
 module.exports = {
-    purge: ['./index.html', './src/**/*.{vue,ts,tsx}'],
+    purge: ['./src/**/*.{vue,ts,tsx}'],
     darkMode: 'class',
     mode: 'jit',
     theme: {
Original file line number	Diff line number	Diff line change
Expand Up		@@ -16,4 +16,3 @@
		@tailwind base;
		@tailwind components;
		@tailwind utilities;