Merge pull request #3 from web-ts/main

Release 0.0.3

configs/docs.ts

@@ -0,0 +1,25 @@
+import { defineConfig } from "vite";
+import vue from "@vitejs/plugin-vue";
+import WindiCSS from "vite-plugin-windicss";
+import sharedPlugins from "./shared-plugins";
+import Markdown from "vite-plugin-md";
+// import code from "@yankeeinlondon/code-builder";
+import prism from "markdown-it-prism";
+export default defineConfig({
+  define: {
+    VERSION: JSON.stringify(process.env.npm_package_version),
+    __VUE_PROD_DEVTOOLS__: false
+  },
+  plugins: [
+    ...sharedPlugins,
+    WindiCSS(),
+    vue({
+      include: [/\.vue$/, /\.md$/] // <--
+    }),
+    Markdown({
+      markdownItSetup(md) {
+        md.use(prism);
+      }
+    })
+  ]
+});

configs/index.ts

@@ -0,0 +1,19 @@
+import prod from "./prod";
+import docs from "./docs";
+import test from "./test";
+import playground from "./playground";
+
+export function getConfig(env: string) {
+  switch (env) {
+    case "prod":
+      return prod;
+    case "test":
+      return test;
+    case "docs":
+      return docs;
+    case "playground":
+      return playground;
+    default:
+      return prod;
+  }
+}

configs/playground.ts

@@ -0,0 +1,11 @@
+import { defineConfig } from "vite";
+import vue from "@vitejs/plugin-vue";
+import sharedPlugins from "./shared-plugins";
+
+export default defineConfig({
+  define: {
+    VERSION: JSON.stringify(process.env.npm_package_version),
+    __VUE_PROD_DEVTOOLS__: false
+  },
+  plugins: [...sharedPlugins, vue()]
+});

configs/prod.ts

@@ -0,0 +1,27 @@
+import { defineConfig } from "vite";
+import { resolve } from "path";
+import dts from "vite-plugin-dts";
+import sharedPlugins from "./shared-plugins";
+
+export default defineConfig({
+  define: {
+    VERSION: JSON.stringify(process.env.npm_package_version)
+  },
+  build: {
+    lib: {
+      entry: resolve(__dirname, "../src/index.ts"),
+      name: "VueMaterialYou",
+      fileName: (format) => `vue-material-you.${format}.js`
+    },
+    rollupOptions: {
+      external: ["vue", "vue-router"],
+      output: {
+        globals: {
+          vue: "Vue",
+          "vue-router": "VueRouter"
+        }
+      }
+    }
+  },
+  plugins: [...sharedPlugins, dts()]
+});

configs/shared-plugins.ts

@@ -0,0 +1,18 @@
+import esLint from "vite-plugin-eslint";
+import autoImport from "unplugin-auto-import/vite";
+import sassDts from "vite-plugin-sass-dts";
+import yaml from "@modyfi/vite-plugin-yaml";
+import vitePluginRaw from "vite-plugin-raw";
+
+export default [
+  vitePluginRaw({
+    match: /\.svg$/
+  }),
+  yaml(),
+  esLint(),
+  sassDts(),
+  autoImport({
+    imports: ["vue"],
+    dts: "src/auto-imports.d.ts"
+  })
+];

configs/test.ts

@@ -0,0 +1,27 @@
+/// <reference types="vitest" />
+
+import { defineConfig } from "vite";
+import vue from "@vitejs/plugin-vue";
+import sharedPlugins from "./shared-plugins";
+
+export default defineConfig({
+  define: {
+    VERSION: JSON.stringify(process.env.npm_package_version),
+    __VUE_PROD_DEVTOOLS__: false
+  },
+  test: {
+    globals: true,
+    include: ["./src/**/*.spec.ts"],
+    environment: "happy-dom",
+    coverage: {
+      lines: 80,
+      functions: 80,
+      branches: 80,
+      statements: 80
+    },
+    deps: {
+      inline: ["@material/material-color-utilities"]
+    }
+  },
+  plugins: [...sharedPlugins, vue()]
+});

docs/App.vue

@@ -0,0 +1,4 @@
+<script setup lang="ts"></script>
+<template>
+  <router-view />
+</template>

docs/env.d.ts

@@ -0,0 +1,5 @@
+declare module "*.md" {
+  import type { ComponentOptions } from "vue";
+  const Component: ComponentOptions;
+  export default Component;
+}