merged the svelte 3 version

.env.example

@@ -0,0 +1 @@
+PUBLIC_TENOR_KEY="<https://developers.google.com/tenor/guides/quickstart>"

.eslintignore

@@ -0,0 +1,13 @@
+.DS_Store
+node_modules
+/build
+/.svelte-kit
+/package
+.env
+.env.*
+!.env.example
+
+# Ignore files for PNPM, NPM and YARN
+pnpm-lock.yaml
+package-lock.json
+yarn.lock

.eslintrc.cjs

@@ -1,31 +1,39 @@
+/** @type { import("eslint").Linter.Config } */
 module.exports = {
  root: true,
- parser: '@typescript-eslint/parser',
  extends: [
- 'eslint:recommended',
- 'plugin:@typescript-eslint/recommended',
- 'prettier',
+ "eslint:recommended",
+ "plugin:@typescript-eslint/recommended",
+ "plugin:svelte/recommended",
+ "plugin:storybook/recommended",
+ "prettier",
  ],
- plugins: ['svelte3', '@typescript-eslint'],
- ignorePatterns: ['*.cjs'],
- overrides: [
- {
- files: ['*.svelte'],
- processor: 'svelte3/svelte3',
- rules: { '@typescript-eslint/no-unused-vars': 'off' },
- },
- ],
- settings: {
- 'svelte3/typescript': true,
- 'svelte3/ignore-styles': () => true,
- },
+ parser: "@typescript-eslint/parser",
+ plugins: ["@typescript-eslint"],
  parserOptions: {
- sourceType: 'module',
- ecmaVersion: 2019,
+ sourceType: "module",
+ ecmaVersion: 2020,
+ extraFileExtensions: [".svelte"],
  },
  env: {
  browser: true,
  es2017: true,
  node: true,
  },
-}
+ globals: {
+ $derived: "readonly",
+ $effect: "readonly",
+ $inspect: "readonly",
+ $props: "readonly",
+ $state: "readonly",
+ },
+ overrides: [
+ {
+ files: ["*.svelte"],
+ parser: "svelte-eslint-parser",
+ parserOptions: {
+ parser: "@typescript-eslint/parser",
+ },
+ },
+ ],
+};

.gitignore

@@ -1,14 +1,19 @@
-.DS_Store
-node_modules
-/build
-/.svelte-kit
-/package
-/storybook-static
-/types
+.pnp.*
 .yarn/*
 !.yarn/patches
-!.yarn/releases
 !.yarn/plugins
+!.yarn/releases
 !.yarn/sdks
 !.yarn/versions
-.pnp.*
+
+.DS_Store
+node_modules
+/build
+/dist
+/.svelte-kit
+/package
+.env
+.env.*
+!.env.example
+vite.config.js.timestamp-*
+vite.config.ts.timestamp-*

.prettierignore

@@ -0,0 +1,4 @@
+# Ignore files for PNPM, NPM and YARN
+pnpm-lock.yaml
+package-lock.json
+yarn.lock

.prettierrc

@@ -1,4 +1,5 @@
 {
- "semi": false,
- "singleQuote": true
+ "quoteProps": "consistent",
+ "plugins": ["prettier-plugin-svelte"],
+ "overrides": [{ "files": "*.svelte", "options": { "parser": "svelte" } }]
 }

.storybook/main.ts

@@ -0,0 +1,18 @@
+import type { StorybookConfig } from "@storybook/sveltekit";
+
+const config: StorybookConfig = {
+ stories: ["../src/**/*.mdx", "../src/**/*.stories.@(js|jsx|mjs|ts|tsx)"],
+ addons: [
+ "@storybook/addon-links",
+ "@storybook/addon-essentials",
+ "@storybook/addon-interactions",
+ ],
+ framework: {
+ name: "@storybook/sveltekit",
+ options: {},
+ },
+ docs: {
+ autodocs: "tag",
+ },
+};
+export default config;

.storybook/preview.ts

@@ -0,0 +1,15 @@
+import type { Preview } from "@storybook/svelte";
+
+const preview: Preview = {
+ parameters: {
+ actions: { argTypesRegex: "^on.*" },
+ controls: {
+ matchers: {
+ color: /(background|color)$/i,
+ date: /Date$/i,
+ },
+ },
+ },
+};
+
+export default preview;

.yarnrc.yml

@@ -1,3 +1 @@
 nodeLinker: node-modules
-
-yarnPath: .yarn/releases/yarn-3.2.2.cjs