diff --git a/docs/index.html b/docs/index.html index 98e9585d..ce0d084b 100644 --- a/docs/index.html +++ b/docs/index.html @@ -7,7 +7,6 @@ Carbon Components Svelte -
diff --git a/docs/src/index.js b/docs/src/index.js index 74ef981f..aba70f6a 100644 --- a/docs/src/index.js +++ b/docs/src/index.js @@ -1,8 +1,5 @@ import App from "./App.svelte"; -const app = new App({ - target: document.getElementById("app"), - hydrate: process.env.NODE_ENV === "production", -}); +const app = new App({ target: document.body }); export default app; diff --git a/docs/src/pages/_layout.svelte b/docs/src/pages/_layout.svelte index cd7f73a6..4aa38814 100644 --- a/docs/src/pages/_layout.svelte +++ b/docs/src/pages/_layout.svelte @@ -1,7 +1,3 @@ - - + + diff --git a/docs/svelte.config.js b/docs/svelte.config.js index bc21505e..151b1167 100644 --- a/docs/svelte.config.js +++ b/docs/svelte.config.js @@ -7,7 +7,6 @@ const { format } = require("prettier"); const pkg = require("../package.json"); const fs = require("fs"); const Prism = require("prismjs"); -const { replace, postcss } = require("svelte-preprocess"); require("prism-svelte"); function createImports(source) { @@ -57,6 +56,7 @@ function createImports(source) { function plugin() { function visitor(node) { if ( + node.lang !== "svelte" && !node.value.startsWith("") && !node.value.match(/svx-ignore/g) @@ -125,19 +125,19 @@ const NODE_ENV = process.env.NODE_ENV || "production"; module.exports = { extensions: [".svelte", ".svx"], - hydratable: NODE_ENV === "production", preprocess: [ - require("svelte-preprocess")(), - replace([ - ["process.env.VERSION", JSON.stringify(pkg.version)], - ["process.env.NODE_ENV", JSON.stringify(NODE_ENV)], - ]), - postcss({ - plugins: [ - require("autoprefixer")({ - overrideBrowserslist: ["last 1 version", "ie >= 11"], - }), + require("svelte-preprocess")({ + replace: [ + ["process.env.VERSION", JSON.stringify(pkg.version)], + ["process.env.NODE_ENV", JSON.stringify(NODE_ENV)], ], + postcss: { + plugins: [ + require("autoprefixer")({ + overrideBrowserslist: ["last 1 version", "ie >= 11"], + }), + ], + }, }), mdsvex({ remarkPlugins: [plugin, slug, carbonify], diff --git a/docs/vite.config.js b/docs/vite.config.js index 1960f076..af675772 100644 --- a/docs/vite.config.js +++ b/docs/vite.config.js @@ -2,7 +2,6 @@ module.exports = { optimizeDeps: { include: [ "flatpickr", - "flatpickr/dist/l10n/index.js", "flatpickr/dist/plugins/rangePlugin", "clipboard-copy", ], diff --git a/src/DatePicker/createCalendar.js b/src/DatePicker/createCalendar.js index 9f8b7f9c..f1c516eb 100644 --- a/src/DatePicker/createCalendar.js +++ b/src/DatePicker/createCalendar.js @@ -1,7 +1,7 @@ import flatpickr from "flatpickr"; import rangePlugin from "flatpickr/dist/plugins/rangePlugin"; -let l10n +let l10n; function updateClasses(instance) { const { diff --git a/src/FluidForm/FluidForm.stories.js b/src/FluidForm/FluidForm.stories.js index 4e719d3a..12ca0ab9 100644 --- a/src/FluidForm/FluidForm.stories.js +++ b/src/FluidForm/FluidForm.stories.js @@ -5,4 +5,4 @@ export default { title: "FluidForm", decorators: [withKnobs] }; export const Default = () => ({ Component, -}); \ No newline at end of file +}); diff --git a/src/FluidForm/index.js b/src/FluidForm/index.js index d6b17172..c5e6d2be 100644 --- a/src/FluidForm/index.js +++ b/src/FluidForm/index.js @@ -1 +1 @@ -export { default as FluidForm } from './FluidForm.svelte' \ No newline at end of file +export { default as FluidForm } from "./FluidForm.svelte"; diff --git a/src/ListBox/ListBoxMenu.svelte b/src/ListBox/ListBoxMenu.svelte index 432e4538..a4858509 100644 --- a/src/ListBox/ListBoxMenu.svelte +++ b/src/ListBox/ListBoxMenu.svelte @@ -9,11 +9,11 @@ * Obtain a reference to the input HTML element * @type {null | HTMLDivElement} [ref=null] */ - export let ref = null; + export let ref = null;