feat: heroku build

.gitignore

@@ -1,3 +1,5 @@
+public_html
+
 # Vite
 node_modules
 .DS_Store

docs/.vitepress/config.ts

@@ -64,6 +64,7 @@ function getUtils() {
  */
 export default {
   title: 'Flowbite Vue 3',
+  outDir: '../public_html',
   head: [
     ['link', { rel: "icon", type: "image/svg", href: "../assets/logo.svg"}],
   ],

package.json

@@ -20,10 +20,10 @@
   "scripts": {
     "dev": "vitepress dev docs",
     "serve": "vitepress serve docs",
-    "build:docs": "vitepress build docs",
-    "build:package": "npm run build:types && npm run build",
+    "build": "vitepress build docs",
+    "build:package": "vite build",
     "build:types": "vue-tsc --declaration --emitDeclarationOnly",
-    "build": "vite build",
+    "build:production": "npm run build:types && npm run build:package",
     "lint": "eslint --ext .ts,.vue --ignore-path .gitignore --fix src",
     "format": "prettier .  --write",
     "test": "vitest",

src/components/Modal/Modal.vue

@@ -9,7 +9,7 @@
             Terms of Service
           </h3>
           <button type="button" class="text-gray-400 bg-transparent hover:bg-gray-200 hover:text-gray-900 rounded-lg text-sm p-1.5 ml-auto inline-flex items-center dark:hover:bg-gray-600 dark:hover:text-white" data-modal-toggle="defaultModal">
-            <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd"></path></svg>  
+            <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd"></path></svg>
           </button>
         </div>
         <!-- Modal body -->
@@ -31,7 +31,6 @@
   </div>
 </template>
 <script lang="ts" setup>
-import { computed, toRefs } from 'vue'
 import type { PropType } from 'vue'
 
 const props = defineProps({
@@ -49,12 +48,6 @@ const props = defineProps({
     type: String, // 'bottom-left' | 'bottom-right' | 'bottom-center' | 'top-left' | 'top-center' | 'top-right' | 'center-left' | 'center' | 'center-right'
     default: 'center',
   },
-  root: {
-    type: HTMLElement,
-    default() {
-      return document ? document.body : undefined
-    },
-  },
   show: {
     type: Boolean,
     default: false,

src/components/Tooltip/Tooltip.vue

@@ -5,36 +5,4 @@
   </div>
 </template>
 <script lang="ts" setup>
-import { computed, toRefs } from 'vue'
-import type { PropType } from 'vue'
-
-const props = defineProps({
-  arrow: {
-    type: Boolean,
-    default: true,
-  },
-  children: {
-    type: Array,
-    default() {
-      return []
-    },
-  },
-  duration: {
-    type: Number, // animation = duration-300
-    default: 300,
-  },
-  placement: {
-    type: String, // top | right | bottom | left | {top/right/bottom/left}-{start/end}
-    default: 'auto',
-  },
-  type: {
-    type: String, // 'dark' | 'light' | 'auto'
-    default: 'dark',
-  },
-  trigger: {
-    type: String, // 'hover' | 'click'
-    default: 'hover',
-  },
-})
-
 </script>

static.json

@@ -0,0 +1,6 @@
+{
+  "routes": {
+    "/assets/*": "/assets/",
+    "/**": "index.html"
+  }
+}