feat: add initial plugin functionality with USWDS setting definitions

ISSUES CLOSED: #99
patrickcate · Nov 7, 2021 · ffa2408 · ffa2408
1 parent 7a39e09
commit ffa2408
Show file tree

Hide file tree

Showing 2 changed files with 31 additions and 2 deletions.
diff --git a/src/index.js b/src/index.js
@@ -0,0 +1,25 @@
+import pkg from '../package.json'
+import { nextId } from '@/utils/unique-id.js'
+
+export default {
+  install: (app, options) => {
+    const customOptions = options || {}
+
+    const vueUswdsOptions = {
+      prefixSeparator: ':',
+      gridNamespace: 'grid-',
+      utilityNamespace: 'u-',
+      imagePath: '/assets',
+      svgSpritePath: '/assets/sprite',
+      ...customOptions,
+      version: pkg.version,
+    }
+
+    if (!app.config.globalProperties.$vueUswds) {
+      app.config.globalProperties.$vueUswds = vueUswdsOptions
+    }
+
+    app.provide('vueUswds', vueUswdsOptions)
+    app.provide('nextId', () => nextId(app.config.globalProperties))
+  },
+}
diff --git a/src/main.js b/src/main.js
@@ -1,4 +1,8 @@
+import '../node_modules/uswds/dist/css/uswds.min.css'
 import { createApp } from 'vue'
-import App from './App.vue'
+import vueUswds from '@/index.js'
+import App from '@/App.vue'
 
-createApp(App).mount('#app')
+const app = createApp(App)
+app.use(vueUswds, {})
+app.mount('#app')