Update package version to 0.0.7, enhance README with updated import paths for inline Svelte plugin, and refactor plugin structure to improve exports and organization.

Author: hanielu

README.md

@@ -46,7 +46,7 @@ yarn add -D @hvniel/vite-plugin-svelte-inline-component
 ```ts
 import { defineConfig } from "vite";
 import { sveltekit } from "@sveltejs/kit/vite";
-import { inlineSveltePlugin } from "@hvniel/vite-plugin-svelte-inline-component";
+import inlineSveltePlugin from "@hvniel/vite-plugin-svelte-inline-component/plugin";
 
 export default defineConfig(({ mode }) => ({
   plugins: [mode === "test" && inlineSveltePlugin(), sveltekit()],
@@ -79,6 +79,7 @@ Just like regular Svelte files, you can use `<script context="module">` (or `<sc
 The plugin makes any named exports available as properties on the component itself.
 
 ```tsx
+import { html, type InlineSnippet } from "@hvniel/vite-plugin-svelte-inline-component";
 const ComponentWithSnippets = html`
   <script lang="ts" module>
     // These snippets will be attached to the component export
@@ -112,8 +113,7 @@ const renderer = render(anchor => {
 To make TypeScript aware of your named exports, you'll need to use a type assertion.
 
 ```ts
-import type { InlineSnippet } from "@hvniel/vite-plugin-svelte-inline-component";
-
+import { html, type InlineSnippet } from "@hvniel/vite-plugin-svelte-inline-component";
 const defaultExport = html`
   <script module>
     export { element };
@@ -142,6 +142,7 @@ Here’s a sample test that proves reactivity with **Svelte 5 runes** works out
 
 ```tsx
 import { render } from "vitest-browser-svelte";
+import { html, type InlineSnippet } from "@hvniel/vite-plugin-svelte-inline-component";
 
 it("supports reactive components", async () => {
   const ReactiveComponent = html`

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hvniel/vite-plugin-svelte-inline-component",
-  "version": "0.0.6",
+  "version": "0.0.7",
   "license": "MIT",
   "author": "Haniel Ubogu <https://github.com/HanielU>",
   "repository": {
@@ -34,6 +34,10 @@
       "types": "./dist/index.d.ts",
       "svelte": "./dist/index.js",
       "default": "./dist/index.js"
+    },
+    "./plugin": {
+      "types": "./dist/plugin/index.d.ts",
+      "default": "./dist/plugin/index.js"
     }
   },
   "peerDependencies": {

src/app.d.ts

@@ -1,7 +1,6 @@
 // See https://svelte.dev/docs/kit/types#app.d.ts
 // for information about these interfaces
 declare global {
-  const html: import("inline").InlineComponent;
   namespace App {
     // interface Error {}
     // interface Locals {}

src/lib/index.ts

@@ -1,4 +1,3 @@
-export { default as inlineSveltePlugin } from "./plugins/inline-component.js";
 export type InlineComponent = (
   _strings: TemplateStringsArray,
   ..._vals: unknown[]
@@ -8,3 +7,10 @@ export type InlineSnippet<T = unknown> = (
   anchor: import("svelte").ComponentInternals,
   ...props: (() => T)[]
 ) => void;
+
+export const html: InlineComponent = () => {
+  return {} as any;
+};
+export const svelte: InlineComponent = () => {
+  return {} as any;
+};

src/lib/plugins/inline-component.ts renamed to src/lib/plugin/index.ts

@@ -1,7 +1,7 @@
 import { describe, it, expect } from "vitest";
 import { render } from "vitest-browser-svelte";
 import SimpleComponentParent from "./plugin.svelte";
-import type { InlineSnippet } from "inline";
+import { html, type InlineSnippet } from "inline";
 import { page } from "@vitest/browser/context";
 
 /* svelte:imports

src/plugin.svelte.test.ts

@@ -1,6 +1,6 @@
 import { sveltekit } from "@sveltejs/kit/vite";
 import { defineConfig } from "vite";
-import { inlineSveltePlugin } from "./src/lib/index.js";
+import inlineSveltePlugin from "./src/lib/plugin/index.js";
 
 export default defineConfig(({ mode }) => {
   return {